title: Aligning three SPAN/DIV tags - fixed left, fixed right, fill middle
body: <p>Ok, this is driving me nuts!!</p>
  
  <p>I want three div or span tags in a line. Left = a 57px width image; Right = a 57px image; Centre = A span image to fill the whole width.</p>
  
  <pre><code>&lt;div class="bar-left"&gt;&lt;/div&gt;
  &lt;div class="bar-span"&gt;&lt;/div&gt;
  &lt;div class="bar-right"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Basically I'm drawing a fancy hr line where each end fades out. I can get the left and right images aligned using float: left; and float: right; but the middle seems impossible.</p>
  
  <p>Any ideas?</p>