Question

我有一个时区复选框列表，如下所示：

<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浮动和清除。它应该工作，但事实并非如此;我错过了什么？

感谢您的建议。

Answer 1

或者这......

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

http://jsfiddle.net/vhPT4/

Answer 2

试

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

jsFiddle

输入复选框列表

2 个答案: