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. screenshot of container , h4-element

what did wrong there?


Comments

Popular posts from this blog

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - UML - How would you draw a try catch in a sequence diagram? -

c++ - No viable overloaded operator for references a map -