layout/reftests/pagination/float-clear-001.html@8bccb770b82d
layout/reftests/pagination/float-clear-001.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <style type="text/css">
3 .multicol {
4 margin: 1em;
5 border: solid silver;
6 width: 300px;
7 -moz-column-width: 100px;
8 -moz-column-gap: 0;
9 height: 100px;
10 }
12 .float {
13 float: right;
14 width: 15px;
15 background: aqua;
16 height: 250px;
17 }
18 .L {
19 float: left;
20 }
22 .container {
23 width: 100%;
24 }
26 .clear {
27 border-bottom: solid orange;
28 background: red;
29 }
30 </style>
32 <p>The orange line should be halfway down the third column
33 (immediately after the end of the aqua lines).
35 <div class="multicol">
36 <div class="container">
37 <div class="float L"></div>
38 <div class="float R"></div>
39 <br clear="all">
40 </div>
41 <div class="clear">
42 </div>
43 </div>
