Wed, 31 Dec 2014 07:53:36 +0100
Correct small whitespace inconsistency, lost while renaming variables.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style type="text/css">
5 .separator {
6 height: 20px;
7 background-color: green;
8 }
9 #parent {
10 background-color: lime;
11 margin-bottom: 50px;
12 }
13 #float {
14 float: left;
15 width: 100px; height: 100px;
16 background-color: blue;
17 }
18 #clear {
19 clear: left;
20 margin-top: 40px;
21 margin-bottom: 10px;
22 }
23 #clear-sibling {
24 margin-top: 20px;
25 margin-bottom: 30px;
26 }
27 </style>
28 </head>
29 <body>
30 <div class="separator"></div>
31 <div id="parent">
32 <div id="float"></div>
33 <div id="clear"></div>
34 <div id="clear-sibling"></div>
35 </div>
36 <div class="separator"></div>
37 </body>
38 </html>