Checkbox and Label Alignment

HTML

<p>Input inside Label</p>
<label>
    <input type="checkbox"/>
    Sample Check Label
</label>

<br/><br/>

<p>Label with 'for' attribute</p>
<input type="checkbox" id="myChk"/>
<label for="myChk">Sample Check Label</label>

CSS

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
input[type=radio] {
    bottom: 2px;
}