popover-alignment-001-ref.html (516B)
1 <!DOCTYPE html> 2 <title>Tests that popover alignment responds to anchor positioning</title> 3 <link rel="author" href="mailto:tabatkins@google.com"> 4 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 5 6 <style> 7 button { 8 border: solid blue 15px; 9 margin: 25px; 10 } 11 div { 12 position: absolute; 13 border: solid orange 10px; 14 inset: 0; 15 margin: 0; 16 place-self: center; 17 padding: .25em; 18 } 19 </style> 20 21 Orange box should be centered on the screen. 22 <button></button> 23 <div id="p1"></div>