Input field label alignment wrap float wrapping

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>