Как выровнять по центру текст этикеток?

Question

Как вертикально выровнять этот текст?

От:

To:

<<p> 
<label></label> 
<input type="checkbox" id="checkbox" name="checkbox" class="regular-checkbox big-checkbox" value="Yes" checked="checked"> 
<label for="checkbox" style="margin-right:10px;"></label>Subscribe me to your mailing list for upcoming events, hot offers and deals 
</p> 

http://jsfiddle.net/JoshSalway/E5CxM/

Answer 1

Как нелогичным, как может показаться , вам нужно добавить vertical-align: middle к элементу, который вы хотите вертикально выровнять с, а не элементом, который вы хотите по вертикали выровнять (в данном случае label[for=checkbox].

Смотрите демо здесь: http://jsfiddle.net/E5CxM/2/

Answer 2

Используйте высота линии, чтобы текст был центрирован

label{ 
line-height: 45px; 
height: 45px; 
display: inline-block; 
} 

Вот простой пример того, как это работает:

http://jsfiddle.net/E5CxM/10/

Answer 3

Попробуйте это: -

http://jsfiddle.net/AFGMf/

label 
    { 
     vertical-align:middle; 
    }