Given the following HTML:
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
And the following CSS:
p { border: 1px solid red; width: 200px; text-align: right; white-space: nowrap; }
What would the expected rendering be? I was expecting the text to butt up against the right hand side of the para and overflow off to the left. Observed results in Fx/Safari/Opera butt the text to the left and overflow to the right though. The same problem is observed with text-align:center; I’d expect the text to overflow equally to both sides.
CSS2.1 and CSS3 Text don’t seem to specify the rendering.
Test link: http://www.webdevout.net/test?0e&raw