title: Align Bootstrap glyphicons vertically with text on both sides?
body: <pre><code>&lt;div style="display:inline-block"&gt;
  usernad &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; ape&lt;br&gt;
  dads &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; stack&lt;br&gt;
  defdood &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; rocks&lt;br&gt;
  eleminem &lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt; boom&lt;br&gt;
  &lt;/div&gt;
  &lt;div style="display:inline-block"&gt;
  te43st@gmail.com &lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt; tester32&lt;br&gt;
  te44st@gmail.com &lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt; fourteenppl&lt;br&gt;
  test32@gmail.com &lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt; eleven&lt;br&gt;
  test@gmail.com &lt;span class="glyphicon glyphicon-envelope"&gt;&lt;/span&gt; goo&lt;br&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to create two columns, each with rows in this format: <code>text glyphicon text</code>, but I want to align the glyphicons vertically in the straight line for readability. Is there any way to do this with Bootstrap?</p>