title: Keep right-floated element on the same line as block
body: <p>I have two elements with unknown width, one floated to the left, one to the right. Between them i have a block expanded to fit the container width.</p>
  
  <p>The layout i want to achieve is this:</p>
  
  <pre><code>+---------------------------------------------+
  | [Left] [Expanded                  ] [Right] |
  +---------------------------------------------+
  </code></pre>
  
  <p>But the right-floated element is cleared to the next line:</p>
  
  <pre><code>+---------------------------------------------+
  | [Left] [Expanded                          ] |
  |                                     [Right] |
  +---------------------------------------------+
  </code></pre>
  
  <p>It works fine if the elements are in this order in the HTML: <em>Left, Right, Expanded</em>.
  But to be more semantic, i need this order: <em>Left, Expanded, Right</em>.</p>
  
  <p>See this <a href="http://jsfiddle.net/GpL5A" rel="nofollow" title="jsFiddle">jsFiddle</a>.</p>
  
  <p>Is it possible? Even if wrappers are needed...</p>