Text in the vertical direction (recording mode: lr-bt). position changes with text length

Question

if you want to position the dynamic text vertically, but the length of the text changes the position of the text, here is a piece of code, adding more text changes. Put this link

CSS

#rotate { position:fixed; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); height:300px; background-color:#e1e1e1; margin-top:0px; } 

Answer 1

I think you are trying to do something like this. Please note: there is no need to add height / width of the set, as the translate and transform-origin values ​​will dynamically adjust the positioning.

JSFiddle Demo

CSS

 * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #rotate { position:fixed; transform: rotate(-90deg) translateX(-100%); transform-origin:left top; background-color:#e1e1e1; }