title: HTML/CSS: how to put text both right and left aligned in a paragraph
body: <p>What would be the best code to have two bits of text in a single paragraph, one left aligned, the other right aligned, that also is:</p>
  
  <ul>
  <li>the least code as possible</li>
  <li>the easiest for clients to render (i.e. using least resources)</li>
  </ul>
  
  <p>I add this last one to be sure <code>&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td align=right&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</code> would get ruled out. Not only is this a beast of code compared to a couple of properly styled <code>&lt;div&gt;</code>, <code>&lt;span&gt;</code> or <code>&lt;p&gt;</code>'s,  it's also a beast if you know what a HTML render engine has to load and calculate to decide on the cell sizes before it even get's to painting text in them...</p>
  
  <p>If you're not sure what I mean, here's an example: a page footer with left aligned the name of the user currently logged on, and on the same line right aligned the current date and time and/or website version.</p>