<button popovertarget="my-popover"> Open Popover </button>

<div id="my-popover" popover>
  <p>I am a popover with more information.<p>
</div>

button {
  background: #ddd;
  font-weight: 800;
  border: 2px solid black;
}
​
#my-popover {
  background: #333;
  color: white;
  font-weight: 400;
  padding: 1rem;
  max-width: 200px;
  line-height: 1.4;
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
​
body {
  display: grid;
  font-family: system-ui, sans-serif;
  place-items: center;
  height: 100dvh;
}