1183431-orthogonal-modes-4-ref.html (649B)
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 position: absolute; right: 0; top: 0; } 8 .test { writing-mode: vertical-rl; background: #aaa; 9 position: absolute; right: 0; top: 0; width: 2em; height: 100%; } 10 .rel { position: relative; } 11 img { position: absolute; right: 0; top: 34px; 12 width: 30px; height: 40px; background: green; border: 5px solid yellow; } 13 </style> 14 <body> 15 <div class="rel"> 16 <div class="test"><span class="abc">abc</span><img src=""></div> 17 </div>