diff options
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.html | 47 |
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> |