title: CSS: Left, Center, & Right Align Text on Same Line
body: <p>I need to left, center, &amp; right align <strong>text</strong> on the same line. I have the following text:</p>
  
  <ul>
  <li>Left Align: 1/10</li>
  <li>Center: 02:27</li>
  <li>Right Align: 100%</li>
  </ul>
  
  <p>I wrote the following code which works for left and right aligning text but does not work correctly for the center text.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="textbox"&gt;
  &lt;p class="alignleft"&gt;1/10&lt;/p&gt;
  &lt;p class="aligncenter"&gt;02:27&lt;/p&gt;
  &lt;p class="alignright"&gt;100%&lt;/p&gt;
  &lt;/div&gt;
  &lt;div style="clear: both;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.alignleft {
      float: left;
  }
  .aligncenter {
      float: left;
  }
  .alignright {
      float: right;
  }
  </code></pre>