title: Bootstrap <span> align
body: <p>I have the following piece of code and want to align <code>Text 2</code> to the center of the footer.</p>
  
  <pre><code>&lt;div class="panel-footer"&gt;
      &lt;span style="float:left;"&gt;
          Text 1
      &lt;/span&gt;
      &lt;span style="width: 100%;text-align: center"&gt;
          Text 2
      &lt;/span&gt;
      &lt;span style="float:right;"&gt;
          Text 3
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>Text 1</code> and <code>Text 3</code> are fine. But I don't get <code>Text 2</code> to the center</p>