html - rotated text in sidebar - css -


i want make sidebar text rotated , centered inside sidebar. want in text , css, not background image or something...
how done in css?

enter image description here

i have tried use transform: rotate(7deg); , stuff, can't position correctly.
here codepen basic structure. topbar should on left side of screen (like in picture).

this has responsive. , when click menu toggle sidebar slides open text should hidden css/js.

thanks

answered:
answer @darrylyeo right fix me. simpeler make div (horizontally) , rotate whole div.
rotation text inside div seemed more difficult position right responsive breakpoints.


Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

java - Digest auth with Spring Security using javaconfig -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -