css - position style series of radio buttons vertically -


i have following html.

<td>     <div id="form_comparison" class="field radio_field">         <input type="radio" id="form_comparison_0" name="form[comparison]" value="1"/>         <label for="form_comparison_0">increased</label>         <input type="radio" id="form_comparison_1" name="form[comparison]" value="2" />         <label for="form_comparison_1">about same</label>         <input type="radio" id="form_comparison_2" name="form[comparison]" value="3" />         <label for="form_comparison_2">decreased</label>     </div> </td> 

using css, how can position radio buttons vertically, labels displayed after respective radio buttons in same line?

working fiddle demo

float input , label, , second row, clear float make new row:

#form_comparison input {     float: left; }  #form_comparison label {     float: left; }  #form_comparison label + input {     clear: both; } 

Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -