1183431-orthogonal-modes-6c.html (467B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <style> 5 body>div { margin: 50px 20px; width: 120px; height: 150px; border: 5px solid blue; } 6 .vrl { writing-mode: vertical-rl; } 7 .rel { position: relative; } 8 span { display: inline-block; padding: 5px; block-size: 1.5em; border: 2px solid red; } 9 p { position: absolute; margin: 0; padding: 2px; border: 2px solid green; } 10 </style> 11 <body> 12 <div class="vrl"> 13 <div class="rel"><span>abc def</span><p>xyzzy</p></div> 14 </div>