blob: 65e5eda7b993ea6675246e7d84053f01b0b764e6 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
#region { position: absolute; top: 150px; left: 100px; width: 100px; height: 100px; border: 5px solid black; }
#content { display: inline-block; }
#inside { display: inline-block; background-color: green; width: 100px; height: 150px; }
</style>
</head>
<body>
<p>Test that an inline block, child of a inline-block content node, is correctly displayed in a region.</p>
<p>The inline block with green background should overflow the black border region.</p>
<p>On success you should see a green rectangle with black border on left, top, right and no red.</p>
<div id="region">
<div id="content">
<div id="inside"></div>
</div>
</div>
</body>
</html>