Forum Moderators: open

Message Too Old, No Replies

checkbox text aligning

how to align checkbox text with the checkbox itself

         

dg_dibs

12:06 pm on Jan 27, 2006 (gmt 0)



Hi,

I am trying to align a checkbox with its asscocoiated text, that will give the same results in all browsers.

Currently I am using:

<form>
<input type="checkbox" name="remember_login" value="1" class="small_chk1">Checkbox Text
</form>

Now, if you view this in IE, Firefox, Opera, and NS you get slightly different results, and the text is not always aligned in exaclty the same way. Does anyone know code that will ALWAYS align the text with the top/bottom of the checkbox and thus have a consistent display in all the popular browsers.

Thanks,

David

BlobFisk

3:00 pm on Jan 27, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, dg_dibs!

Do you mean vertical or horizontal alignment? If you mean vertical then try some CSS:

input.small_chk1 { vertical-align: middle; }

HTH