title: Twitter Bootstrap horizontal form Inline Helptext Issue
body: <p>I am making a form with Twitter Bootstrap and am having a tiny little problem aligning the "help-inline" element.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;form class="form-horizontal" action="purchase.php" method="post" &gt;
      &lt;fieldset&gt;
  
      &lt;div class="control-group"&gt;
          &lt;label class="control-label" for="date"&gt;Details&lt;/label&gt;
          &lt;div class="controls controls-row"&gt;
  
              &lt;input class="span2" type="text" id="date" data-date-format="dd/mm/yyyy" title="Enter Date in DD/MM/YYYY Format Only" placeholder="DD/MM/YYYY" value="&lt;?php echo $dateToday;?&gt;" required&gt;
  
              &lt;input class="span2" type="text" name="resin" id="resin" title="Resin Name" placeholder="Resin Name" required/&gt;
  
              &lt;input class="span2" type="text" name="kg" id="kg" title="Enter Quantity in 00.0 format only" placeholder="Enter Quantity" pattern="\d+(\.\d{1})?" required/&gt;
  
              &lt;!-- Below is the problem in question--&gt;
              &lt;span class="help-inline"&gt;Error Text Here.&lt;/span&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Screenshot of the "Error Text Here" appearing misaligned: <a href="https://dl.dropbox.com/u/128104/Random/mia.png" rel="nofollow">https://dl.dropbox.com/u/128104/Random/mia.png</a></p>
  
  <p>Any ideas how to fix this?</p>