1183431-orthogonal-modes-2-ref.html (625B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <style> 5 body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } 6 .abc { display: inline-block; border: 2px solid red; inline-size: 30px; 7 writing-mode: vertical-lr; position: absolute; left: 0; top: 0; } 8 .test { background: #aaa; position: absolute; left: 0; top: 0; width: 2em; height: 100%; } 9 .rel { position: relative; } 10 img { position: absolute; left: 0; top: 34px; 11 background: green; border: 5px solid yellow; } 12 </style> 13 <body> 14 <div class="rel"> 15 <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> 16 </div>