OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 <!-- | |
3 Any copyright is dedicated to the Public Domain. | |
4 http://creativecommons.org/publicdomain/zero/1.0/ | |
5 --> | |
6 <html><head> | |
7 <meta charset="utf-8"> | |
8 <title>Reference: display:flow-root</title> | |
9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/sh
ow_bug.cgi?id=1322191"> | |
10 <style type="text/css"> | |
11 html,body { | |
12 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:
0; | |
13 } | |
14 | |
15 .float { | |
16 float: left; | |
17 width: 20px; | |
18 height: 40px; | |
19 background: pink; | |
20 } | |
21 | |
22 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;
} | |
23 | |
24 </style> | |
25 </head> | |
26 <body> | |
27 | |
28 <div style="border:1px solid"> | |
29 <div style="margin: 40px 0"> | |
30 <div>x</div> | |
31 </div> | |
32 </div> | |
33 | |
34 <div style="border:1px solid"> | |
35 <div class="float"></div> | |
36 <div class="clearfix"></div> | |
37 </div> | |
38 | |
39 <div style="border:1px solid"> | |
40 <div class="float"></div> | |
41 <div style="display:block; border:1px solid; margin-left:20px">x</div> | |
42 </div> | |
43 | |
44 <span> | |
45 <span style="display:block; background:grey; margin:20px 0 0 21px"><div style=
"padding:20px">x</div></span> | |
46 </span> | |
47 | |
48 <div style="border:3px solid; height:10px;"></div> | |
49 | |
50 </body> | |
51 </html> | |
OLD | NEW |