<details>
<summary>
Awesome Summary (click me)
</summary>
But here's some more detailed information, just for you. Pretty neat!
</details>
details {
margin-left: 1.5em;
}
summary {
color: #099;
cursor: pointer;
text-indent: -1.3em;
}
/* ignore the rest */
body {
background-color: #555;
background-color: white;
border: .5em solid #555;
bottom: 0;
font-family: sans-serif;
font-size: 1.1em;
left: 0;
margin: 0;
padding: 1em;
position: absolute;
right: 0;
top: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.