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