Выравнивание плавающих div с повернутым текстом

Question

Используя преобразование css3, я пытаюсь создать структуру таблицы, используя плавающие div, и текст заголовка поворачивается на 90 градусов.

http://jsfiddle.net/VNk2u/

У меня проблемы с выравниваниемправильно.Происходит ли преобразование после того, как оно применяет другие атрибуты (поэтому я должен переключать высоту и ширину вокруг? И поля?) Я застрял, заставляя его выравниваться правильно.Может кто-нибудь, пожалуйста, посмотрите на ссылку jsfiddle и дайте мне знать, что я делаю неправильно?

(я использую Chrome для просмотра)

Answer 1

Кажется, что между браузерами много несоответствий в отношении вращения CSS3, а также проблем с блочным моделированием, возникающих в результате вращения.

Я думаю, что использование таблицы для этого вполне приемлемо, учитывая тип отображаемых вами данных, и я также считаю, что это полностью решит вашу проблему.

Поместить столбцы заголовков в разметку, подобную приведенной ниже, будет эффективнее, IMO.

http://jsfiddle.net/VNk2u/8/