Thu, 15 Jan 2015 15:55:04 +0100
Back out 97036ab72558 which inappropriately compared turds to third parties.
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <style>
5 .container {
6 position:absolute;
7 width:400px;
8 height:100px;
9 background-color:yellow;
10 z-index:0;
11 }
12 .container > div {
13 height:100px;
14 margin-bottom:-100px;
15 }
16 .negative {
17 width:380px;
18 background-color:blue;
19 }
20 .block {
21 width:360px;
22 background-color:purple;
23 }
24 .float {
25 width:340px;
26 background-color:green;
27 }
28 .inline {
29 width:320px;
30 background-color:pink;
31 }
32 #outline {
33 height:60px;
34 width:260px;
35 border:20px solid gray;
36 }
37 .positioned {
38 width:280px;
39 background-color:magenta;
40 }
41 .positive {
42 width:260px;
43 background-color:orange;
44 }
45 </style>
46 </head>
47 <body>
48 <div class="container">
49 <div class="negative"></div>
50 <div class="block"></div>
51 <div class="float"></div>
52 <div class="inline"></div>
53 <div id="outline"></div>
55 <div class="positioned"></div>
56 <div class="positive"></div>
57 </div>
58 </body>
59 </html>