css - Vertically aligning text next to a radio button -

this basic css question, have radio button small text label after it. want text appear centered vertically text aligned button of radio button in case.

<p><input type="radio" id="opt1" name="opt1" value="1" />a label</p> 

here jsfiddle:

http://jsfiddle.net/una6j/

any suggestions?

thanks,

alan.

use inside label. use vertical-align set various values -- bottom, baseline, middle etc.

http://jsfiddle.net/una6j/5/