title: Why can I not right-align an element with display: block and width: X?
body: <p>Total n00b question here (at least to the CSS elite):</p>
  
  <p>Why is it that an element with both <code>display: block;</code> and a value for <code>width</code> does not seem to fall in line with the <code>text-align</code> property of its parent? That is, it always seems to insist on keeping to the left.</p>
  
  <p><a href="http://jsfiddle.net/Z6Twf/">Here is a jsFiddle illustrating the issue.</a></p>
  
  <p>Obviously, this must be consistent with the CSS spec (I mean, if Chrome, Firefox and Opera all agree on it, I have very little doubt); I just don't really get it.</p>