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