Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(373)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-007-ref.xht

Issue 2824513002: Import css21/floats W3C CSS Test Suite (Closed)
Patch Set: revert WPT_BASE_MANIFEST.json Created 3 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-007.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-outside-001.xht » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x html1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en -US"><head>
2 <title>CSS Test: Test for flow around floats (reference)</title>
3 <link rel="author" title="L. David Baron" href="https://dbaron.org/" />
4 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/ " />
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6 <meta http-equiv="Content-Style-Type" content="text/css" />
7 <style type="text/css">
8
9 table { margin: 0; border-spacing: 0; }
10 td, th { padding: 0; vertical-align: top; }
11
12 </style>
13 </head>
14 <body>
15
16 <!-- 6px margin between (from top, from bottom, from both) -->
17
18 <table width="300" style="background: aqua"><tbody><tr><td>
19 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
20 <div style="height: 5px; background: purple;"></div>
21 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
22 </td></tr></tbody></table>
23
24 <table width="300" style="background: aqua"><tbody><tr><td>
25 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
26 <div style="height: 5px; background: purple;"></div>
27 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
28 </td></tr></tbody></table>
29
30 <table width="300" style="background: aqua"><tbody><tr><td>
31 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
32 <div style="height: 5px; background: purple;"></div>
33 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow; margin-top: 1px;"></div>
34 </td></tr></tbody></table>
35
36 <!-- 5px margin between (from both) -->
37
38 <table width="300" style="background: aqua"><tbody><tr><td>
39 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
40 <div style="height: 5px; background: purple;"></div>
41 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
42 </td></tr></tbody></table>
43
44 <table width="300" style="background: aqua"><tbody><tr><td>
45 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
46 <div style="height: 5px; background: purple;"></div>
47 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
48 </td></tr></tbody></table>
49
50 <table width="300" style="background: aqua"><tbody><tr><td>
51 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
52 <div style="height: 5px; background: purple;"></div>
53 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
54 </td></tr></tbody></table>
55
56 <!-- 4px margin between (from both) -->
57
58 <table width="300" style="background: aqua"><tbody><tr><td>
59 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
60 <div style="height: 5px; background: purple;"></div>
61 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
62 </td></tr></tbody></table>
63
64 <table width="300" style="background: aqua"><tbody><tr><td>
65 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
66 <div style="height: 5px; background: purple;"></div>
67 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
68 </td></tr></tbody></table>
69
70 <table width="300" style="background: aqua"><tbody><tr><td>
71 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
72 <div style="height: 5px; background: purple;"></div>
73 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
74 </td></tr></tbody></table>
75
76 <!-- negative margin between -->
77
78 <table width="300" style="background: aqua"><tbody><tr><td>
79 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
80 <div style="height: 5px; background: purple;"></div>
81 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
82 </td></tr></tbody></table>
83
84 <table width="300" style="background: aqua"><tbody><tr><td>
85 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
86 <div style="height: 5px; background: purple;"></div>
87 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
88 </td></tr></tbody></table>
89
90 <table width="300" style="background: aqua"><tbody><tr><td>
91 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
92 <div style="height: 5px; background: purple;"></div>
93 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
94 </td></tr></tbody></table>
95
96 <table width="300" style="background: aqua"><tbody><tr><td>
97 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
98 <div style="height: 5px; background: purple;"></div>
99 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
100 </td></tr></tbody></table>
101
102 <table width="300" style="background: aqua"><tbody><tr><td>
103 <div style="float: left; height: 10px; width: 150px; background: blue"></div >
104 <div style="height: 5px; background: purple;"></div>
105 <div style="float: left; clear: left; width: 200px; height: 5px; background: yellow;"></div>
106 </td></tr></tbody></table>
107
108
109
110 </body></html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-007.xht ('k') | third_party/WebKit/LayoutTests/external/wpt/css/CSS2/floats/floats-wrap-bfc-outside-001.xht » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698