title: Position div elements to stick to the left & right of another div element?
body: <p>How can I style two div elements so that they stick to the left &amp; right of another div element like in the following example?</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div id="left"&gt;Left.&lt;/div&gt;
      &lt;div id="box"&gt;This is a box.&lt;/div&gt;
      &lt;div id="right"&gt;Right.&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>+#container--------------------------------------------------+
  |                                                            |
  |                                                            |
  |        +#left---+#box-------------------+#right--+         |
  |        |        |                       |        |         |
  |        |        |                       |        |         |
  |        |        |                       |        |         |
  |        |  Left. |     This is a box.    | Right. |         |
  |        |        |                       |        |         |
  |        |        |                       |        |         |                                                            
  |        +--------+-----------------------+--------+         |
  |                                                            |
  |                                                            |
  +------------------------------------------------------------+
  </code></pre>