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.

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

About this entry

Good Reads