How can I make multi-line, vertically and horizontally aligned labels for radio buttons in HTML Forms with CSS?

Question

Assuming the following markup:

    
Radio Buttons
    

        

            

        

Answer 1

Make input and label both

float: left;
display: block;

Set width's for the label and input.

---

apply

clear: both;
 vertical-align: middle;

to all the li's.