diff options
Diffstat (limited to 'layout/reftests/details-summary/float-in-summary.html')
-rw-r--r-- | layout/reftests/details-summary/float-in-summary.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/layout/reftests/details-summary/float-in-summary.html b/layout/reftests/details-summary/float-in-summary.html new file mode 100644 index 000000000..6c0bb55f3 --- /dev/null +++ b/layout/reftests/details-summary/float-in-summary.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<!-- Any copyright is dedicated to the Public Domain. + - http://creativecommons.org/publicdomain/zero/1.0/ --> + +<html> + <style> + details { + background-color: orange; + overflow: auto; + width: 500px; + } + summary::-moz-list-bullet { + /* Hide the triangle for comparing with div in reftest. */ + list-style-type: none; + } + summary { + background-color: green; + width: 400px; + } + h4 { + background-color: cyan; + width: 100px; + height: 100px; + float: right; + margin: 0; + } + </style> + <body> + <details open> + <summary> + <h4>This is float: right in summary</h4>Lorem ipsum dolor sit amet, + consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore + et dolore magna aliqua. + </summary> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id + est laborum. + </details> + </body> +</html> |