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?
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
Post a Comment