CheckBox复选框与文字内容对齐

CSS样式 使input和label限定margin上下高度，并基线对齐就可以了

    <style type="text/css">
        input{vertical-align:middle; margin-bottom:2px; margin-bottom:-2px;}
        label{vertical-align:middle; margin-bottom:2px; margin-bottom:-2px;}
    </style>

HTML代码

<div>
    <input id="Checkbox1" type="checkbox" /><label for="Checkbox1">Checkbox1</label>
    <input id="Checkbox2" type="checkbox" /><label for="Checkbox2">Checkbox2</label><br />
    <input id="Checkbox3" type="checkbox" /><label for="Checkbox3">Checkbox3</label>
    <input id="Checkbox4" type="checkbox" /><label for="Checkbox4">Checkbox4</label>
</div>