Vertically aligning a checkbox

Question

I have looked at the different questions regarding this issue, but couldn\'t find anything that works due to limitations in my markup.

My markup looks like so (unfor

Answer 1

make input to block and float, Adjust margin top value.

HTML:

 luke..

CSS:

/*
change margin-top, if your line-height is different.
*/
input[type=checkbox]{
height:18px;
width:18px;
padding:0;
margin-top:5px;
display:block;
float:left;
}
.label{
border:1px solid red;
}

Demo