x
<html><body><style>#mydiv { text-align:center; padding:40px; background-color:lightblue; font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}</style><h1>The popover Attribute</h1><div popover id="mydiv"> <h2>Popover</h2> <hr> <p>A popover is an element that is placed on top of everything else.</p> <p>It can be used when you want to tell something important.</p> <button popovertarget="mydiv" popovertargetaction="hide">Close</button></div><button popovertarget="mydiv">Click me!</button><p>You can style popover elements with CSS.</p><p>Click the button to show the popover element.</p></body></html>