title: HTML Left and Right Align Elements
body: <p>To accomplish this I have done this:</p>
  
  <pre><code>&lt;table style="width:100%;"&gt;
   &lt;tr&gt;
      &lt;td style="width:50%;text-align: left;"&gt;left&lt;/td&gt;
      &lt;td style="width:50%;text-align: right;"&gt;right&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How could I accomplish this in the simplest fashion (least markup) without using tables? I just want to align 2 elements to the max left and right. </p>
  
  <p>There are hundreds of 2 column layouts out there, but they more aligned for page layout, and seem overkill.</p>