http://ryanflorence.com/sandbox/aligned-labels.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>untitled</title> <style type="text/css"> ol{ padding-left: 0; margin-left:0; } ol>li { list-style-type: none; margin-bottom: .5em; } ol>li input[type=radio] { display: -moz-inline-box; display: inline-block; vertical-align: middle; } ol>li label { display: -moz-inline-box; display: inline-block; vertical-align: middle; } </style> </head> <body> <fieldset>
<legend>Radio Buttons</legend> <ol> <li> <input type="radio" name="radio" id="x"> <label for="x">blah blah<br/>blah blah<br/>blah</label> </li> <li>
<input type="radio" name="radio" id="y"> <label for="y">blah blah<br/>blah blah<br/>blah</label> </li> </ol> </fieldset> </body> </html>