Преобразование CSS3 для поворота текста

У меня вопрос по Свойство преобразования CSS3 (для вращения текста) На основе использования мной следующего:

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

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

Возьмите этот пример изображения ниже;

Не могли бы вы объяснить мне простыми словами

1. Каково точное влияние поворота текста (скажем, на 90 градусов, как показано выше) сверху / справа / снизу / слева отступы / поля и т. д.
2. Скажем, у нас есть 2 плавающих элемента. Один с указанным выше повернутым текстом, а другой div с другим содержимым, как показано ниже;

I хотел понять, как сделать так, чтобы второй div (правая панель) начинался сразу после первого div (повернутый текст)?

<div class="fl text-transform-class">My Classes</div>
<div class="fl">Right Panel</div>

Спасибо.