summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/block/margin-collapse/006.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/block/margin-collapse/006.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/block/margin-collapse/006.html47
1 files changed, 47 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/block/margin-collapse/006.html b/third_party/WebKit/LayoutTests/fast/block/margin-collapse/006.html
new file mode 100644
index 0000000..a68f482
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/block/margin-collapse/006.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
+<html lang="en">
+ <head>
+ <title>Margin Collapsing: in flow (simple)</title>
+ <style type="text/css">
+ .ahem { display: inline; font: 1em/1 Ahem, sans-serif; background: red; color: white; }
+ table { border-spacing: 0; font: 50px/1 Ahem; border: solid; background: red; }
+ td { padding: 0; }
+ /* test */
+ .test { background: orange; }
+ .test div { margin: 1em 0; background: red; }
+ .test .a { color: yellow; }
+ .test .b { color: lime; }
+ /* control */
+ .control div { width: 1em; }
+ .control .c { border-top: 1em orange solid; }
+ .control .a { border-top: 1em yellow solid; }
+ .control .b { border-top: 1em lime solid; }
+ /* control control */
+ .red { background: red; height: 1em; width: 10em; border: solid; }
+ .orange { border-top: 1em orange solid; }
+ </style>
+ </head>
+ <body>
+ <div class="ahem">Ahem_font_required_for_this_test.</div>
+ <p>The following two columns should be pixel perfect identical with no red visible.</p>
+ <table>
+ <tr>
+ <td class="test">
+ <div class="a">X</div>
+ <div class="b">X</div>
+ </td>
+ <td class="control">
+ <div class="c"></div>
+ <div class="a"></div>
+ <div class="c"></div>
+ <div class="b"></div>
+ <div class="c"></div>
+ </td>
+ </tr>
+ </table>
+ <p>Control: This test is meaningless if you see any red below. (You should only see orange.)</p>
+ <div class="red">
+ <div class="orange"></div>
+ </div>
+ </body>
+</html>