list of input checkboxes

Question

I have a list of checkboxes for timezones, something like this:

<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>

I have the following CSS:

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

I'm looking to avoid using <br /> tags and use CSS floats and clears. It should be working but it's not; what am I missing?

Thanks for your suggestions.

Jason Reis · Accepted Answer · 2011-10-10 22:25:01Z

1

Or this...

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

http://jsfiddle.net/vhPT4/

answered Oct 10, 2011 at 22:25

Jason Reis

3122 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bala R · Accepted Answer · 2011-10-10 22:21:13Z

0

try

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

jsFiddle

answered Oct 10, 2011 at 22:21

Bala R

109k23 gold badges203 silver badges212 bronze badges

3 Comments

frenchie Over a year ago

I'm looking to get the checkbox labels aligned next to the checkboxes (I'll add a margin); for the moment, they're floating to the right.

frenchie Over a year ago

Nevermind, I got it: .TimeZoneCheckbox{clear:left;float:left;} .TimeZoneLabel{float:left;}

Bala R Over a year ago

@frenchie ya, float: left for both. clear for <input />.

Collectives™ on Stack Overflow

list of input checkboxes

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related