将复选框中心与标签线对齐

Question

我有一个复选框和标签。如果label是两行，则复选框应在两行之间对齐。                            标签文字             

Answer 1

正确显示和垂直对齐：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;