blob: 576dac8b84195d449d04c6481687f0c429513859 [file] [log] [blame]
<!DOCTYPE html>
<style>
my-anchor {
display: block;
}
span {
display: block;
anchor-name: --anchor;
padding: 2rem;
background: red;
color: white;
inline-size: fit-content;
}
my-anchor::after {
content: 'target';
position: absolute;
position-anchor: --anchor;
position-area: bottom center;
background: lightblue;
padding: 1rem;
}
</style>
<my-anchor>
<span>anchor</span>
</my-anchor>