float-open-details-contains-float-left.html (616B)
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 details { 17 float: left; 18 background-color: orange; 19 } 20 summary { 21 background-color: green; 22 /* Hide the triangle for comparing with div in reftest. */ 23 list-style-type: none; 24 } 25 </style> 26 <body> 27 <details open> 28 <summary>Summary</summary> 29 <div id="float"></div> 30 </details> 31 </body> 32 </html>