title: How to give font-awesomes icon a fixed width?
body: <p>I am using <code>Bootstrap</code> and <code>Font Awesome</code> to make a table like the one from <a href="http://www.zalando.de/faq/" rel="noreferrer">FAQ zalando</a>. </p>
  
  <p>So on the left side, there should be an icon, and on the right side, there should be text. </p>
  
  <p>I want the text to be exactly under each other, they should not be out of alignment with each other. If I give the icons a span, then it will be ignored. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;i class="span2 icon-user "&gt;&lt;/i&gt;
      &lt;div value='register' class="span4"&gt;
          Registrierung
      &lt;/div&gt;
      &lt;i class="icon-mobile-phone span2"&gt;&lt;/i&gt;
      &lt;div id='Newsletter' class="span4"&gt;
          Newsletter
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="row"&gt;
      &lt;i class="icon-euro span2"&gt;&lt;/i&gt;
      &lt;div value='kost' class="span4"&gt;
          Kosten
      &lt;/div&gt;
  
      &lt;i class="icon-phone span2"&gt;&lt;/i&gt;
      &lt;div id='probleme' class="span4"&gt;
          Probleme
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>