Skip to content Skip to sidebar Skip to footer
Home / Checkbox / Css / Html / Twitter Bootstrap

How Can I Align My Checkbox With Css?

Post a Comment
I need to do a form with checkboxes and a list. I used Bootstrap for my checkbox and list, but the problem is that the text and the checkbox are unaligned.

Solution 1:

You can use the classes provided by bootstrap.css like form-control or you can try this:

input {
  vertical-align: middle;
  line-height: 1;
}

This CSS ruleset says,"Every input element will be vertically aligned to the middle, and has the equivalent height of an uppercase letter."

input {
  vertical-align: middle;
  line-height: 1;
}
<divid="ContForm"><divid="Cajamitad1"><divclass="checkbox"><label><inputtype="checkbox"value="">Soy Vegano
      </label></div><divclass="checkbox"><label><inputtype="checkbox"value="">Soy Diabetico
      </label></div></div><divid="Cajamitad2"><select><option>1</option><option>2</option></select></div></div>

You may like these posts

Post a Comment for "How Can I Align My Checkbox With Css?"