summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/block/margin-collapse/001.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/block/margin-collapse/001.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/block/margin-collapse/001.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/block/margin-collapse/001.html b/third_party/WebKit/LayoutTests/fast/block/margin-collapse/001.html
new file mode 100644
index 0000000..6747d90
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/block/margin-collapse/001.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html lang="en">
+ <head>
+ <title>Margin Collapsing: in flow</title>
+ <style type="text/css">
+ table { border-spacing: 0; font-size: 50px; border: solid; }
+ td { background: orange; padding: 0; }
+ div { margin: 1em 0; }
+ .a { background: yellow; }
+ .b { background: lime; }
+ .c { background: aqua; }
+ .d { background: blue; }
+ .red { background: red; }
+ </style>
+ </head>
+ <body>
+ <p>The following two columns should be pixel perfect identical with no red visible.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="d">
+ <div class="red"><div class="red"><div class="a">A</div></div><div class="red"></div></div>
+ <div class="red"></div>
+ <div class="red"><div class="red"></div></div>
+ <div class="red"><div class="b"><div class="red"></div>B</div></div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ <td class="control">
+ <div class="d">
+ <div class="a">A</div>
+ <div class="b">B</div>
+ <div class="c">C</div>
+ </div>
+ </td>
+ </tr>
+ </table>
+ <p>This test is meaningless if you don't pass <a href="006.html">test 006</a>.</p>
+ </body>
+</html>