title: how to float two divs beside one div?
body: <p>I want something below like structure in my webpage:</p>
  
  <pre><code>    +---------------+ +-----------+
      |               | |           |
      |               | |   Div-B   |
      |               | |Float:left |
      |               | |           |
      |     Div-A     | |           |
      |  Float: left  | +-----------+
      |               | +-----------+
      |               | |  Div-C    |
      |               | |&lt;marquee&gt;  |
      |               | |&lt;/marquee&gt; |
      |               | +-----------+
      |               |
      +---------------+
  </code></pre>
  
  <p>But I can't creat Div-C like above style. If I give a different background color of Div-C, it extends to left border of Div-A. So I can't make white spaces between Div-A and Div-C. It is becoming like this:</p>
  
  <pre><code>+---------------+ +-----------+
  |               | |           |
  |               | |   Div-B   |
  |               | |Float:left |
  |               | |           |
  |     Div-A     | |           |
  |  Float: left  | +-----------+
  |---------------|-+-----------+
  |                    Div-C    |
  | (Background color fills     |
  |       this whole section    |
  |---------------|-+-----------+
  |               |
  +---------------+
  </code></pre>
  
  <p>Also note that Div-C contains a marquee.
  Please give me solution.</p>