html - 标签之间持续存在不必要的空间

我一直试图消除这两个标签之间的间距，但我想将它们并排使用，但无济于事。我已经检查了jQuery UI的执行方式，但据我所知，它们的CSS与我的相同。我想念什么？

.buttonset label {
    width: 45%;
    display: inline-block;
    border: 2px solid #eee;
    text-align: center;
    padding: 5px 0px;
    margin: 0px;
}
.buttonset label.checked {
    border: 2px solid #5dccdb;
    color: #5dccdb;
    font-style: italic;
}
.buttonset input[type='radio'] {
    display: none !important;
}

Fiddle

任何帮助表示赞赏。

最佳答案

删除HTML中标签之间的空白：

演示http://jsfiddle.net/w76rM/4/

可以使用多种方法，最快的三种方法是注释掉空白，将所有元素放在一行中，或者将上一个标记的结尾>放在下一行的开头。

1-在一行中：

 <Label>...</label><Label>...</label>

2-注释掉：

   <Label></label><!--
--><Label></label>

下一行开头的上一个标记的3- >：

   <Label></label
   ><Label></label>

您的标记加上空白：

<div class="buttonset one_half">
    <div>Twins</div>
    <label for="twins_yes">
        <input id="twins_yes" name="twins" type="radio" value="Yes">Yes</label><!--
    --><label for="twins_no" class="checked">
        <input id="twins_no" name="twins" type="radio" value="No" checked>No</label>
</div>