Выровнять центр флажков по линиям с надписью

Question

У меня есть флажок и ярлык. Если метка имеет две строки, флажок должен быть выровнен между двумя строками. Этикетка текст

Answer 1

Правильное отображение и вертикального выравнивания:

label { display:inline-block; } 
 
input { display:inline-block; vertical-align:middle; } 
 
span { display:inline-block; vertical-align:middle; }

<label><input type="checkbox"><span>First<br>Second</span></label>