Как сверстать этот элемент?

Question

[Alexander]

Нужно сверстать " Онлайн консультация " SSMaker.ru/8a4122a2
В принципе я знаю как сверстать но не знаю как это правильно делать ?
У меня есть два варианта это просто вырезать как картинку и вставить в html , а второй просто сверстать но попробовать найти в нете как переворачивать текст.
У кого какие варианты ?

Answer 1

[Иван]

Ответ прост, картинкой ничего делать не нужно просто поверните блок с текстом

-webkit-transform: rotate(-45deg); //Chrome, Safari
-moz-transform: rotate(-45deg); //Firefox
-o-transform: rotate(-45deg); //Opera
-ms-transform: rotate(-45deg); //IE
transform: rotate(-45deg); //браузеры без префексов

Угол настройте сами.

Answer 2

[Руслан Абдуллаев]

Я думаю как-то так, если надо с поддержкой IE8

Comments

[Руслан Абдуллаев]

writting-mode использовать не получится, т.к. у вас текст идет снизу вверх, а с этим параметром наоборот