float-left-and-inflow-details-ref.html (568B)
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 background-color: orange; 18 } 19 div#summary { 20 background-color: green; 21 } 22 </style> 23 <body> 24 <div id="float"></div> 25 <div id="details"> 26 <div id="summary">Summary</div> 27 <!-- No content due to closed details --> 28 </div> 29 </body> 30 </html>