title: How can I make a multiline radio button label line up nicely?
body: <p>I've got this fragment of automatically-generated HTML:</p>
  
  <pre><code>&lt;label&gt;&lt;input type="radio" name="question24_answer" value="A"&gt;A)&amp;nbsp;
  H&lt;sub&gt;0&lt;/sub&gt;&amp;#58; p = 0.0016&lt;br/&gt;H&lt;sub&gt;1&lt;/sub&gt;&amp;#58; p &amp;lt; 0.0016&lt;/label&gt;
  </code></pre>
  
  <p>This produces the following:</p>
  
  <p><a href="https://i.stack.imgur.com/bSbPx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bSbPx.png" alt="enter image description here"></a></p>
  
  <p>I'd like the two lines of the label to align vertically so they look good:</p>
  
  <p><a href="https://i.stack.imgur.com/uRnV8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uRnV8.png" alt="enter image description here"></a></p>
  
  <p>If necessary, the <code>A)</code> can be omitted, though I'd prefer not to:</p>
  
  <p><a href="https://i.stack.imgur.com/uAOQy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uAOQy.png" alt="enter image description here"></a></p>