列表檢查框

我有一個時區複選框列表，像這樣：列表檢查框

<input type="checkbox" class="TimeZoneCheckbox" value="-9.00" /><label class="TimeZoneLabel">US Alaska (GMT -9:00)</label> 
<input type="checkbox" class="TimeZoneCheckbox" value="-8.00" /><label class="TimeZoneLabel">US Pacific Time (GMT -8:00)</label> 
<input type="checkbox" class="TimeZoneCheckbox" value="-7.00" /><label class="TimeZoneLabel">US Mountain Time (GMT -7:00)</label> 
<input type="checkbox" class="TimeZoneCheckbox" value="-6.00" /><label class="TimeZoneLabel">US Central Time, Mexico City (GMT -6:00)</label> 
<input type="checkbox" class="TimeZoneCheckbox" value="-5.00" /><label class="TimeZoneLabel">US Eastern Time (GMT -5:00)</label>

我有以下的CSS：

.TimeZoneCheckbox{clear:left;} 
.TimeZoneLabel{float:right;}

我在尋找避免使用<br />標籤和使用CSS浮動和清除。它應該工作，但它不是;我錯過了什麼？

感謝您的建議。

來源

2011-10-10 frenchie

或者這...

.TimeZoneCheckbox{clear:left; float: left;} 
.TimeZoneLabel{float:left;}

http://jsfiddle.net/vhPT4/

來源

2011-10-10 22:25:01

這絕對是正確的答案。 – Jordan

嘗試

.TimeZoneCheckbox{clear:left; float: left;} 
.TimeZoneLabel{float:right;}

jsFiddle

來源

2011-10-10 22:21:13

我希望得到旁邊的複選框對齊複選框標籤（I」會增加一個保證金）;目前，他們正在漂浮在右邊。 – frenchie

沒關係，我明白了：.TimeZoneCheckbox {clear：left; float：left;} .TimeZoneLabel {float：left;} – frenchie

@frenchie ya，'float：left' for both。 '清除'爲''。 –

回答

相關問題