servo/tests/ref/inline_block_img_ref.html
Glenn Watson 98624c9576 Implement basic support for display: inline-block.
This still needs a lot of work, but it covers the basic
cases and improves wikipedia while passing all existing tests.

Tweak reftest to deal with linux/travis black background.
2014-09-13 07:13:42 +10:00

47 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.d1 {
position: absolute;
top: 320px;
width: 100px;
height: 100px;
}
.d2 {
position: absolute;
left: 500px;
top: 320px;
width: 100px;
height: 100px;
}
img {
position: absolute;
left: 100px;
}
.bg {
background-color: white;
position: absolute;
width: 100%;
height: 500px;
}
</style>
</head>
<body>
<div class="bg">
<div class="d1 red"></div>
<img src="400x400_green.png">
<div class="d2 green"></div>
</div>
</body>
</html>