Checkboxes and Vertical Text Alignment

Firstly, if you are not using SSL for all your sites, you should step it up! NameCheap's SSL certificates start at only $9. There's no excuse!
Firstly, if you have not tried Digital Ocean's SSD Virtual Servers for only $5/mo, I highly recommend them!

You set the vertical-align on the checkbox, not the parent div or the text. Intuitive. Works in Firefox and IE.

<style>
    * {
        font-size: 10px;
    }
    #cb {
        vertical-align: text-bottom;
        _vertical-align: middle;
        padding: 0 !important;
        margin: 0 !important;
    }
</style>
<div>
    <input id="cb" type="checkbox"/> Checkbox
</div>

About this entry

Published:
10.02.08 / 3pm
Category:
css


Good Reads