Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / fast / block / margin-collapse / self-collapsing-block-with-float-descendants-expected.html
blob: 10de17b861fd93e620dec1de9e382005ab0170a9 [file] [log] [blame]
<!doctype html>
<html>
<body>
<div style="overflow: hidden;">
<p> webkit.org/b/119979: The green box should be under the blue box. </p>
<div style="height: 20px; width: 50px; background-color: blue;">
Text1
</div>
<div style="height:20px; width: 50px; background-color: green;">
Text2
</div>
</div>
<div style="overflow: hidden;">
<p> webkit.org/b/119979: The green box should be under the blue box. </p>
<div style="height: 20px; width: 50px; background-color: blue;">
Text1
</div>
<div style="height:20px; width: 50px; background-color: green;">
Text2
</div>
</div>
<div style="overflow: hidden;">
<p> webkit.org/b/119979: The green box should be under the blue box. </p>
<div style="height: 20px; width: 50px; background-color: blue;">
Text1
</div>
<div style="height:20px; width: 50px; background-color: green;">
Text2
</div>
</div>
<div style="overflow: hidden;">
<p> webkit.org/b/119979: The three green boxes should be in a row. </p>
<div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
</div>
</div>
<div style="overflow: hidden;">
<p> webkit.org/b/119979: The three green boxes should be in a row. </p>
<div style="height: 20px; width: 50px; background-color: blue;">
Text1
</div>
<div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div>
</div>
</div>
</div>
<div style="overflow: hidden;">
<p> webkit.org/b/119979: The three green boxes should be in a row. </p>
<div style="height: 20px; width: 50px; background-color: blue;">
Text1
</div>
<div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div style="height:20px; width: 50px; float: left; background-color: green;">
Text2
</div>
<div>
</div>
</div>
</div>
</body>
</html>