title: Can overflow text be centered?
body: <p>When I specify <code>text-align:center</code> for an element with a width that is greater than the width of the text, the text is centered within the content box of the element (as expected).</p>
  
  <p>When I specify <code>text-align:center</code> for an element with a width that is less than the width of the text, the text is aligned to the left edge of the content box and overflows the right edge of the content box.</p>
  
  <p>You can see the two cases in action <a href="http://jsfiddle.net/ansciath/5EZKE/" rel="noreferrer">here</a>.</p>
  
  <p>Can any CSS magic make the text equally overflow both the left edge and the right edge of the content box, so that it stays centered?</p>