2016-01-20 18:20:41 +03:00
|
|
|
<!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;
|
|
|
|
}
|
2019-06-27 03:53:45 +03:00
|
|
|
summary {
|
2016-01-20 18:20:41 +03:00
|
|
|
/* Hide the triangle for comparing with div in reftest. */
|
|
|
|
list-style-type: none;
|
|
|
|
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>
|