<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 🤯

External CSS

  1. https://codepen.io/tutsplus/pen/vYrpEwd.css

External JavaScript

This Pen doesn't use any external JavaScript resources.