css - 行内 block 元素之间的边距

Question

我有两个内联 block 元素，它们之间有一个我似乎无法控制的边距。

如何让浅蓝色元素接触以下 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

将 .indicator 和 .handle 中的 display:inline-block 替换为 float:left