title: How to style input with radio addon for error messages - twitter bootstrap
body: <p>I am trying to style input field with radio addon for error message (.help-block). it works fine without <a href="http://getbootstrap.com/components/#input-groups-checkboxes-radios" rel="nofollow noreferrer"> radio addons </a>. But with addon, text jump to new line under input field.</p>
  
  <p>it is look like this</p>
  
  <p><img src="https://i.stack.imgur.com/yulsi.png" alt="enter image description here"></p>
  
  <p>HTML</p>
  
  <pre class="lang-css prettyprint-override"><code>&lt;div class="input-group has-error"&gt;
    &lt;span class="input-group-addon"&gt;
      &lt;input type="radio" name="answer" value="a"&gt;
    &lt;/span&gt;
    &lt;input type="text" class="form-control" placeholder="Your answer here..." name="a" id="a"&gt;
    &lt;span class="help-block"&gt;The a field is required&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So what should I do that provided by bootstrap 3.</p>