<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true InlineFormattingContextIntegrationEnabled=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>