排隊這些自定義複選框和標籤

Question

的CSS樣式，這些跨度是相同的高度含標籤，2vw

input[type="checkbox"] + label { 
     margin:0 auto; 
     padding:0; 
     padding-left:3vw; 
     height:2vw; 
     line-height:2vw; 
} 
input[type="checkbox"] + label span { 
     background:lime; 
     color:lime; 
     position:absolute; 
     margin-left:-3vw; 
     text-align:center; 
     width:2vw; 
     height:2vw; 
} 

但他們顯然不是。

此外，跨度不是垂直居中。

缺什麼，以使爲跨越兩相同的高度和內含有標籤垂直居中？

小提琴你：http://jsfiddle.net/zLU8r/

Answer 1

的研究和思考長時間後出現

This answer works

給這個跨度 display: inline-block;和垂直取向可以工作。