blob: 8dd18e84e1cffeef82cb26655dea9e96ed6ad63f [file] [log] [blame]
<!DOCTYPE html>
<!--
| Absolutely positioned elements should not participate in layout and therefore
| if however their static position should be such that it was as if they did.
| This test ensures that when the element has a display of 'inline', its
| static is where it would have been had it been layed out, even though the
| layout of its siblings is not affected.
-->
<html>
<head>
<style>
.absolute-block {
position: absolute;
display: inline;
width: 50px;
height: 100px;
background-color: rgb(255, 0, 0);
}
.static-block {
position: static;
width: 100px;
height: 50px;
background-color: rgb(0, 255, 0);
}
</style>
</head>
<body>
<span>
This is an inline formatting context block and this:
<div class="absolute-block">
</div>
is an absolutely positioned div in the middle of it.
</span>
<span>
Another span.
</span>
<div class="static-block">
</div>
</body>
</html>