float-open-details-contains-float-left-ref.html (539B)
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: 400px; 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="details"> 26 <div id="summary">Summary</div> 27 <div id="float"></div> 28 </div> 29 </body> 30 </html>