<!DOCTYPE html> <html> <meta charset="utf-8"> <style> body>div { margin: 50px 20px; width: 100px; height: 150px; border: 5px solid blue; } .abc { display: inline-block; border: 2px solid red; inline-size: 30px; } .test { background: #aaa; width: 2em; } .vlr { writing-mode: vertical-lr; } .rel { position: relative; } img { position: absolute; width: 30px; height: 40px; background: green; border: 5px solid yellow; } </style> <body> <div class="vlr"> <div class="test rel"><span class="abc">abc</span><img src=""></div> </div>