Подтвердить что ты не робот

Вертикальное выравнивание метки флажка?

У меня есть флажки вроде:

<label class="checkbox-label"><input type="checkbox" value="115">Administrators</label>

Но я не могу угадать, как стилизовать ярлык, чтобы он был центрирован для флажка.

Я попробовал добавить vertical-align:middle;

Спасибо

Это то, что я сделал с вашим кодом.

HTML

<label class="checkbox-label"><input type="checkbox" value="115">-middle</label>

CSS

label.checkbox-label input[type=checkbox]{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

Попробуйте использовать:

vertical-align: text-bottom;

jsFiddle

Edit:

 <input id="checkbox" type="checkbox" value="115">
 <label class="checkbox-label" for="checkbox">Administrators</label>

Отрегулируйте высоту линии метки.