title: Placing a div sidebar next to a centered div
body: <p>I've found a lot of variations to this question within SO, but it seems no matter what I try I can't get this (seemingly very simple!) thing working! </p>
  
  <p>What I'm trying to do is to keep the 'centered' <strong>div</strong> in the center of the viewport and to place the 'sidebar' <strong>div</strong> directly to its right (i.e. <em>not</em> right-aligned to the viewport) <em>without affecting the centering of the 'centered' <strong>div</em></strong>. </p>
  
  <p>Here's some test code on jsfiddle: </p>
  
  <p><a href="http://jsfiddle.net/6wCyr/13/" rel="nofollow">http://jsfiddle.net/6wCyr/13/</a></p>
  
  <p>Everything I've read seems to imply that the <strong>float</strong> property is exactly what I'm looking for, but the results in the link show that I get weird results wherein the right sidebar is placed <em>below</em> the 'centered' <strong>div</strong> rather than beside it. That's what's shown in the link.</p>
  
  <p>I've also seen a solution involving using a negative value for the <strong>right</strong> property, and setting the width of the sidebar exactly, but I couldn't get that one going either.</p>
  
  <p>Hopefully this question is as easy to solve as I think it should be! Just can't seem to find the right set of <strong>div</strong> inside <strong>div</strong> and so forth. Hard to debug these alignment issues!</p>
  
  <p>Thanks!</p>