css - Rotate text out of control -
i rotate h4-tag this:
.c_kolumnen h4{ text-transform: uppercase; color:gray; transform: rotate(-90deg); text-align: center; }
and parent-container of has these values:
.c_kolumnen { background: #fff; min-height: 300px; width: 8.33333%; font-size: 1em; margin: 0; display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; box-sizing: border-box; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
now have 2 problems rotated text:
- a. it's 2-lined though value needs way less space has.
- b. doesn't horizontally (i not sure if horizontally right name it, because twisted things) align @ all.
see screenshot therefore, please.
what did wrong there?
Comments
Post a Comment