內嵌塊元素之間的邊距

Question

我有兩個內嵌塊元素，並且它們之間有一個我似乎無法控制的邊距。

如何讓淺藍色的元素觸及下面的JSFiddle中的綠色元素？

http://jsfiddle.net/oregontrail/XvBa7/1/

.indicator { 
    display:inline-block; 
    width:100px; 
    height:50px; 
    text-align: center; 
    background: PaleTurquoise; 
    vertical-align: top; 
} 

.handle { 
    display:inline-block; 
    width: 50px; 
    height: 50px; 
    text-align: center; 
    background: limegreen; 
} 

Answer 1

在.indicatorfloat:left和.handle

Answer 2

以下是一些可能的解決方案：
Fighting the space between inline block elements

直列塊元素正在接受治療等詞語，從而正在受到字間距。

Answer 3

我在這裏回答了類似的問題：CSS placing 3 blocks next to each other

的解決方案是使用一個包裝，並設置font-size: 0然後復位它的元素或消除在HTML的div之間的空白。看到該信息在深度答案更