title: Centered DIV with defferent backgrounds on either side
body: <p>So I'm creating a website that has all of its content in one centered div.</p>
  
  <p>Im using margin-left and right set to auto to center my content, on the left hand side of my content I want a solid white background, however on the right hand side, I want to repeat a pattern background.</p>
  
  <p>Maybe my mind just isn't working properly, but I cant think of a solution for this today..</p>
  
  <pre><code>-------------------------------------------
  |  white    |   content       |  pattern  |         
  |    bg     |   centered      |    bg     |
  |           |                 |           |
  |           |                 |           |
  -------------------------------------------
  </code></pre>