blob: 234d9b86fa5e8e45e0b2e21a3df01a169ae54760 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!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>
|