popover-alignment-001-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<title>Tests that popover alignment responds to anchor positioning</title>

<link rel="author" href="mailto:tabatkins@google.com">

<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact">

<style>

button {

  border: solid blue 15px;

  margin: 25px;

div {

  position: absolute;

  border: solid orange 10px;

  inset: 0;

  margin: 0;

  place-self: center;

  padding: .25em;

</style>

Orange box should be centered on the screen.

<button></button>

<div id="p1"></div>