title: Different background-color for left and right half of div
body: <p>I have a centered div layout. The left side of the div in the background should be white and the right side should be green. Both should extend to infinity. </p>
  
  <p>I think it should be quite simple but I just don't get it right now. Any easy solution?
  Thank you!</p>
  
  <pre><code>-----------------------------------------------------
  (div 1)     __________________________ 
             |(div 2)         |         |
             |                |         |
             |                |         |
  &lt;- white   |     white      |  green  |   green  -&gt;
             |                |         |
             |                |         |
             |________________|_________|
  
  ------------------------------------------------------
  </code></pre>