Флажок "Вертикальный средний вход" CSS

Мне нравится центрировать флажок вертикально внутри div. Я уже пытался установить vertical-aligin: middle с display: inline-block. Эта единственная тренировка, в то время как флажок - 100%. Но чем 100% можно выбрать. Также попытался обернуть флажок в другой div с vertical-aligin: middle и display: inline-block без успеха.

<div>
 
</div>

Сейчас мое решение:

input[type="checkbox"] {
 top: calc(50% - 6.5px);
 position: relative;
 }
1 ответ

Вы могли бы сделать что-то вроде этого

<div>
 
</div>

См. Здесь http://jsfiddle.net/j9c9V/

licensed under cc by-sa 3.0 with attribution.