@Velidan

Доброго дня уважаемые коллеги. Подскажите пожалуйста, как лучше будет реализовать такое (речь идет о правильном повороте текста)

http://savepic.su/4822237m.png
контейнер имеет ширину 50, высоту 200. Внутри текст в теге "p"
Пробовал использовать transform: rotate(90deg); Но минус этого свойства в том, что, если я пытаюсь задать тегу p максимальную ширину (т.е. высоту блока) он смещается за контейнер. Во общем я хочу чтобы текст размещался по центру контейнера (в идеале: text-align: center)

Такое вообще можно сделать? (не первый раз испытываю проблемы с вычислением ширины (высоты) при transform: rotate(90deg);

Добавлено через 1 час 19 минут
Во общем сделал по своему, задал контейнеру ширину, высоту (не вертикально, а горизонтально) т.е. 200 и 50, после повернул и добавил несколько значений к абсолютному позиционированию.
Теперь интересует такой вопрос: На картинке у нас идет 2 слова в первой строке : "Запись на" и остальной текст дальше, а у меня получается так:
http://savepic.su/4807912m.png

можно ли как-то сделать так, чтобы "лишнее" слово перенеслось на вторую строку без использования дополнительных тегов?

0

@Al_lord

поставь <br> после "запись" и убедись что высоты (ширины) хватит чтоб вместить в себя все слова

0