title: Vertically aligning text next to a radio button
body: <p>This is a basic CSS question, I have a radio button with a small text label after it. I want the text to appear centered vertically but the text is always aligned with the button of the radio button in my case.</p>
  
  <pre><code>&lt;p&gt;&lt;input type="radio" id="opt1" name="opt1" value="1" /&gt;A label&lt;/p&gt;
  </code></pre>
  
  <p>Here is a Jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/UnA6j/" rel="noreferrer">http://jsfiddle.net/UnA6j/</a></p>
  
  <p>Any suggestions?</p>
  
  <p>Thanks,</p>
  
  <p>Alan.</p>