title: Background color 50% one color and 50% another color
body: <p>Inside a div I want to put a background color in the first 50% of it's width, and another color the other 50% of it's width. Ideally On resize I want it to adjust seamlessly without any artifacts or jittery effects.</p>
  
  <p>Ideally I want to avoid using other divs inside the code as I'm working with existing HTML that is difficult to change - really looking for a 100% CSS solution.</p>
  
  <p><strong>I'm looking for something like this (I mocked this up with Fireworks):</strong>
  <img src="https://i.stack.imgur.com/4S4vi.png" alt="enter image description here"></p>