float-right-and-inflow-open-details.html (1086B)
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: right; 12 width: 200px; 13 height: 200px; 14 background-color: lightgreen; 15 } 16 details { 17 background-color: orange; 18 } 19 summary { 20 background-color: green; 21 /* Hide the triangle for comparing with div in reftest. */ 22 list-style-type: none; 23 } 24 </style> 25 <body> 26 <div id="float"></div> 27 <details open> 28 <summary>Summary</summary> 29 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 30 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 31 veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 32 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate 33 velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat 34 cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id 35 est laborum. 36 </details> 37 </body> 38 </html>