Вертикальный текст средствами CSS3

Многие HTML элементы с самого начала задумывались, чтобы они были горизонтальными. Но иногда бывают ситуации, когда хочется вывести текст вертикально.

К счастью для нас, уже давно прошли те древние времена, когда Internet Explorer был господствующим браузером. В наши дни сделать так, чтобы текст выводился вертикально - это не проблема.

CSS код вертикального текста:

Добиться вывода текста как задумывалось не составит труда с помощью CSS3 свойства transform:

.vertical-text {
    transform: rotate(90deg);
    transform-origin: left top 0;
    float: left;
}

И дело сделано.