1183431-orthogonal-modes-8-ref.html (678B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <style> 5 body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; } 6 .abc { display: inline-block; border: 2px solid red; inline-size: 30px; 7 writing-mode: vertical-rl; position: absolute; right: 0; top: 0; } 8 .test { background: #aaa; position: absolute; right: 0; top: 0; width: 2em; height: 100%; } 9 .rel { position: relative; } 10 iframe { 11 position: absolute; right: 0; top: 34px; 12 background: yellow; border: 5px solid green; 13 width: 300px; height: 150px; 14 } 15 </style> 16 <body> 17 <div class="rel"> 18 <div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div> 19 </div>