Adjust the width of the checkbox for the call field to 25 pixels, ensuring it is displayed only when the left margin is clear.
I'm having trouble figuring this out, even though it's probably something simple again. I double-checked that my stylesheets and everything match up this time.
Here is the HTML code for the item:
<p><input type="checkbox" name="call" id="call"></p>
<p><label for="call">Please contact me for a "Get to Know You" visit.</label></p>
and here is the CSS I'm attempting to use:
.checkbox {
float: left;
clear: left;
width: 25px; }
Here is how mine looks with the current CSS applied
Is there a specific selector for just the physical checkbox? And why is it positioned all the way in the corner of the form?
//-UPDATE-// I included the class="checkbox" in the input attribute, which moved the checkbox to its correct position.
Now the label "Please contact me for a 'Get to Know You' visit." won't align properly. It should have auto width directly after the checkbox, with the clear property set to none. I've attempted various solutions but can't get it to line up. What selector should I be using?