TAG
CSS
Result
Run
License
<p class="horizontal"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p> <p class="vertical"> <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> <span>Other text..</span> </p> <div class="other-box">Other box</div>
body, p { margin: 0; } p { float: left; } .horizontal { background-color: #EAEAEA; writing-mode: horizontal-tb; inline-size: 200px; block-size: auto; margin-inline-end: 50px; } .vertical > span { background-color: #EAEAEA; writing-mode: vertical-lr; inline-size: 200px; block-size: auto; margin-inline-end: 50px; } .other-box { clear: left; background: #EAEAEA; }
Console
expand_less
License
License
by DevDic
Close