JSFiddle - React, Tailwind, and code Playground

by CreativeDreams

HTML

<button>
  Button 1
</button>

<button>
  Button 2
</button>

<div class="popover">
  test +
</div>

CSS

.popover {
  position: fixed;
  position-anchor: --ct-tooltip-anchor;
  bottom: anchor(top);
	justify-self: anchor-center;
}

button {
  anchor-name: --ct-tooltip-anchor;
  anchor-scope: --ct-tooltip-anchor;
}