title: How to create a HTML container which will fill all available width between two floating elements?
body: <p>Here is a schema of what I want to render, and as simple as it seems I can't find a way to code the container between the two floating elements...:</p>
  
  <pre><code> ----------                                                ---------- 
  |          | Some text text text text text text text text |          |
  |          | text (in a &lt;p&gt; element).                     |          |
  | float:   |  ------------------------------------------  | float:   |
  |   left;  | |      The container I want to create      | |   right; |
  |          |  ------------------------------------------  |          |
  |          | Some other text text text text text text tex |          |
   ----------  text text text text text text text text text |          |
  text text text (in another &lt;p&gt; element).                  |          |
                                                             ---------- 
  </code></pre>
  
  <p>The width of each of the two floating elements is unknown and may vary, so I have to code the container independently of them (as well as I can't change their code). And I want to have its left and right borders along the borders of the floating elements.</p>
  
  <p>For instance, if I use a div element (with display:block) its left and right border are under the two floating elements... If I use a table element (or a div with display:table) it won't fill all available width if there isn't any full text line in it...</p>
  
  <p>I bet there is a simple solution, but I simply can't find it! Thanks for any help!</p>