float-left-and-float-details-ref.html (585B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html> 6 <style> 7 body { 8 width: 400px; 9 } 10 div#float { 11 float: left; 12 width: 200px; 13 height: 200px; 14 background-color: lightgreen; 15 } 16 div#details { 17 float: left; 18 background-color: orange; 19 } 20 div#summary { 21 background-color: green; 22 } 23 </style> 24 <body> 25 <div id="float"></div> 26 <div id="details"> 27 <div id="summary">Summary</div> 28 <!-- No content due to closed details --> 29 </div> 30 </body> 31 </html>