I need the checkbox to be positioned under the text boxes in a aligned manner.
Even though I used the CSS code below to align the text boxes, the checkboxes are not properly aligned:
label {
width:135px;
clear:left;
text-align:right;
padding-right:10px;
}
input, label {
float:left;
}
<label><input type="checkbox" name="Yes" data-field-
type="Boolean"> Will Attend</label>
<label for="Email Address">Email Address* </label><input type="text" name="Email Address" data-field-type="Text" required="required" data-validation-message="Required field.">
<label for="First Name">First Name</label> <input type="text" name="First Name" data-field-type="Text">
<label for="Last Name">Last Name</label> <input type="text" name="Last Name" data-field-type="Text">
I am looking to have the checkbox aligned perfectly with the Textboxes.