Диагональные заголовки столбцов

Question

У меня есть заголовки столбцов с длинным текстом в HTML-таблице, и я хотел бы отображать заголовки под углом 45 градусов (аналогично тому, что можно сделать в Excel).

Существует ли стандартный кросс-браузерный способ сделать это с помощью CSS или JavaScript?

Я начал играть с css3please.com, но вращение, похоже, не работает, по крайней мере, в IE 7. Кроме того, другая проблема заключается в том, что CSS вращается вокруг центра элемента, в то время как мне нужно вращаться вокруг левой сторона.

Любые указатели будут оценены!

Answer 1

Демо: http://jsfiddle.net/wdm954/Z2HHu/1/

-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);

Answer 2

Один из способов - нарисовать текст на растровом изображении или в gif и отобразить его. Основным преимуществом является то, что он будет работать во всех браузерах.