<div id="popoverContainer" popover>
<p>This is the popover content.</p>
</div>
<button type="button" popovertarget="popoverContainer">Toggle Popover</button>
<div id= "popoverContainer" popover>
<p>This is the popover content.</p>
</div>
* {
font-size: 1rem;
}
button {
margin: .5rem;
}
// notice the complete absence of javascript 🤯
This Pen doesn't use any external JavaScript resources.