blob: f10de9a1e29690d020b3a453e89e46007f46179b [file] [log] [blame]
<!DOCTYPE html>
<!--
| The direct static children of absolutely positioned elements should
| participate in layout within their absolutely positioned containing block.
-->
<html>
<head>
<style>
body {
color: #fff;
font-family: Roboto;
font-size: 100px;
font-weight: bold;
}
.absolute-block {
position: absolute;
left: 10px;
top: 10px;
}
.level-1 {
background-color: #40c4ff;
}
.level-2 {
background-color: #00b0ff;
}
.level-3 {
background-color: #0091ea;
}
</style>
</head>
<body dir="rtl">
<div class="absolute-block">
<span class="level-1">
I
<span class="level-2">
II
<div class="level-3">III</div>
II
</span>
I
</span>
</div>
</body>
</html>