title: CSS: How can I center text despite a floating element beside it?
body: <p>Basically, I want to center text, ignoring any floating sibling elements.</p>
  
  <p>At first, I thought this wouldn't be a problem, as I was under the impression that a floating element did not take from the width of any sibling elements.</p>
  
  <p><a href="http://jsfiddle.net/cD657/">Example</a> (I want the red text to be at the center of the blue box, despite the green text)</p>
  
  <p>How is this best achieved?</p>