CSS标签失去边距/填充

Question

我无法在我的单选按钮标签的2个之间丢失填充和/或边距。

这是我到目前为止有：http://jsbin.com/putoz/6/edit

我试过到目前为止：

• 强制外层div
• 强制保证金分辩/左padding-的宽度在两个标签上右/左到0px

Answer 1

最简单的方法是制作标签块元素并将它们浮动：

DEMO

label { 
    width: 32px; 
    height: 29px; 
    cursor: pointer; 
    position: relative; 

    display: block; 
    float: left; 
    line-height: 29px; 
} 

你需要调整行高，以保持在垂直中心的文本。

---

或者，如果这是不切实际的，只是删除您标记的白色空间：

此：

<input id="appointment-yes" type="radio" name="set-appointment" value="yes" /> 
<label class="yes-label" for="appointment-yes"></label> 
<input id="appoinment-no" type="radio" name="set-appointment" value="no" /> 
<label class="no-label" for="appoinment-no"></label> 

变为：

<input id="appointment-yes" type="radio" name="set-appointment" value="yes" /><label class="yes-label" for="appointment-yes"></label><input id="appoinment-no" type="radio" name="set-appointment" value="no" /><label class="no-label" for="appoinment-no"></label> 

DEMO