Skip to content

Annoying CSS3 Baseline Alignment Problem in Firefox

CSS3 transform enables the rotation of elements including HTML text. If you intend to use it you should be aware that Firefox 3.6.8 and below has very poor baseline alignment.

The heading is just about acceptable. Content text is not.

Firefox 3.6.8:

Webkit:

So be warned if you intend to use CSS transform on text.