CSS Layout with checkboxes

shanethegooner

New Member
I'm having an issue with my layout when I want to add checkboxes.CSS:\[code\]p label { vertical-align: middle; width: 100px; display: inline-block; /*display: block; padding-top: 8px; float: left;*/}\[/code\]HTML:\[code\]<p> <label for="a">a:</label> <select name="a" id="a" class="select"> <option value="">Choose</option> </select></p><p> <label for="s">s:</label> <select name="s" id="s" class="select"> <option value="">Choose</option> </select></p><p> <label for="d">d:</label> <input id="1" type="checkbox" name="looking_for[]" value="http://stackoverflow.com/questions/15591899/1" /> <label class="no_float" for="1">Friends</label> <input id="2" type="checkbox" name="looking_for[]" value="http://stackoverflow.com/questions/15591899/2" /> <label for="2">Friends</label></p>\[/code\]I'm wanting it to look something like
dB2Fd.jpg
I've added a jsfiddle for convenience.
 
Back
Top