Home/ Questions/Q 6013947
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T02:37:18+00:00

Using letter-spacing seems to really screw with text-align : http://jsfiddle.net/NFAzv/ Googling hasn’t turned anything

  • 0

Using letter-spacing seems to really screw with text-align: http://jsfiddle.net/NFAzv/

Googling hasn’t turned anything up. Am I missing something here?

EDIT #1: Here’s what I’m getting (Firefox 3.6.8 and Chrome 12.0.742.91 on Vista): link removed due to link limits for newbies (it can be found in the comments) (notice how the centers do not line up at all)

EDIT #2: Here’s IE9, with a centered vertical line to show what’s wrong: https://i.stack.imgur.com/C0J0n.png

EDIT #3: I have a confirmation in the comments below that the problem shows up for Chrome 10 on Windows 7. At least I’m not the only one going crazy.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It seems that all the browser have converged on a letter-spacing implementation that is plainly at odds with what css3 says should happen.

    In particular see Example XV at http://dev.w3.org/csswg/css3-text/#letter-spacing0

    Browsers simply don’t do this. IE has even changed its behaviour recently (IE9, I think) to be more like the other browsers, and less like the CSS3 spec as it’s currently written.

    The CSS3 spec in question is still at working draft status, so presumably at some point it will be changed to match what the browsers do.

    You may be able to rebalance the lines by adding a padding-left value to match the letter-spacing but that may not always be possible.

    • 0