'Which CSS property determines the vertical alignment of checkbox's text?

The texts in my form don't vertically centerally aligned to the checkboxes. Do you know which CSS property determines this alignment?

csscheckboxvertical-alignment


Solution 1:[1]

Try this one:

<div>
  <input class="checkbox" id="item" type="checkbox">
  <label class="checkbox-label" for="item">Lorem ipsum dolor est</label>
</div>

.checkbox {
  vertical-align: middle;
}

Just add vertical-align.

Here's a codepen to see before and after effect.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions