haikuwebkit/LayoutTests/fast/layoutformattingcontext/block-only/float-and-siblings-with-mar...

28 lines
962 B
HTML

<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] -->
<html>
<head>
<style>
div {
outline: 1px solid black;
}
</style>
</head>
<body>
<div style="width: 500px; height: 100px;">
<div style="width: 10px; height: 10px; margin-bottom: 10px"></div>
<div style="float: left; width: 50px; height: 10px;"></div>
<div style="width: 10px; height: 10px; margin-top: 10px"></div>
</div>
<div style="width: 500px; height: 100px;">
<div style="width: 10px; height: 10px; margin-bottom: 20px"></div>
<div style="float: left; width: 50px; height: 10px;"></div>
<div style="width: 10px; height: 10px; margin-top: 10px"></div>
</div>
<div style="width: 500px; height: 100px;">
<div style="width: 10px; height: 10px; margin-bottom: 10px"></div>
<div style="float: left; width: 50px; height: 10px;"></div>
<div style="width: 10px; height: 10px; margin-top: 20px"></div>
</div>
</body>
</html>