I'm redesigning a form that was using tables... I'm trying to keep the css as simple as possible as this is not a complicated form, the only issue I'm having is with a checkbox and the text next to it, or the text that's supposed to be next to it, but ends up on the next line.

This piece of HTML
Code:
<label class="signUpFormLabel">&nbsp;</label>
<input name="print" type="checkbox" id="printCheckbox" onclick="javascript:displayState()"/>
<p class="bluetext">I would like to receive free print-based activities, reports and CD-ROMs of thought-leader interviews.</p>
with this css
Code:
label.signUpFormLabel, label.signUpFormLabelOptional {
    float: left;
    width: 120px;
    color: #0878ac;
    margin-top: 2px;

}
So I want the text to appear next to the checkbox, but it goes on the next line. The bluetext class is just a color, I tried sticking float:left in there but it makes no difference.

I would appreciate any help on this.

Thanks