popover-alignment-002-ref.html (627B)
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 <style> 6 button { 7 border: solid blue 15px; 8 margin: 25px; 9 anchor-name: --foo; 10 } 11 div { 12 position: absolute; 13 border: solid orange 10px; 14 inset: 0; 15 margin: 0; 16 padding: .25em; 17 place-self: normal; 18 position-anchor: --foo; 19 } 20 </style> 21 22 Orange box should be centered vertically against the left edge of the blue box. 23 <button></button> 24 <div style="position-area: left span-all"></div>