如何删除内联块元素之间的空格

Question

我有两个inline-block div，每个width: 50%。我需要它们适合一行。

<div class="inline">Left one</div>
<div class="inline">Right one</div>

我已经知道这是我的问题的实用解决方案，但我的代码看起来也不错。

<div class="inline">Left one</div><div class="inline">Right one</div>

对此有任何好看的解决方案吗？

提前致谢。

这是一个JSFIDDLE演示：JSFIDDLE

Answer 1

您可以尝试申请：

margin:0; padding:0; float:left;

检查出来：http://jsfiddle.net/65adr/7/

---

另请查看此页面以了解替代方案：

http://css-tricks.com/fighting-the-space-between-inline-block-elements/

Answer 2

不知道你想要什么，只要第二段代码有效，为什么你不使用它们？

或者您可以使用float:left

Answer 3

将“float：left”添加到班级......

div.inline
{
    display: inline-block;
    width: 50%;
    outline: solid 1px #F00;
    float: left;
}