1183431-orthogonal-modes-2a.html (513B)
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 .test { background: #aaa; width: 2em; } 8 .vlr { writing-mode: vertical-lr; } 9 .rel { position: relative; } 10 img { position: absolute; background: green; border: 5px solid yellow; } 11 </style> 12 <body> 13 <div class="vlr"> 14 <div class="test"><span class="abc">abc</span><img src="blue-32x32.png"></div> 15 </div>