layout/reftests/pagination/float-clear-002.html@fc2d59ddac77
layout/reftests/pagination/float-clear-002.html
Wed, 31 Dec 2014 07:22:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 07:22:50 +0100
- branch
- TOR_BUG_3246
- changeset 4
- fc2d59ddac77
- permissions
- -rw-r--r--
Correct previous dual key logic pending first delivery installment.
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 background: red;
25 }
27 .clear {
28 clear: left;
29 border-bottom: solid orange;
30 background: red;
31 }
32 </style>
34 <p>The orange line should be halfway down the third column
35 (immediately after the end of the aqua lines).
37 <div class="multicol">
38 <div class="container">
39 <div class="float L"></div>
40 <div class="float R"></div>
41 </div>
42 <div class="clear"></div>
43 </div>
