Radio/checkbox alignment in HTML/CSS

Question

What is the cleanest way to align properly radio buttons / checkboxes with text? The only reliable solution which I have been using so far is table based:

&l         


        

Answer 1

The following works in Firefox and Opera (sorry, I do not have access to other browsers at the moment):

    
    Option 1

The CSS:

.form-field * {
    vertical-align: middle;
}