CSS anchor positioning includes many advantages!

It can be placed upon an element, origin from the center of the element, or next to it with position-area inside a 3x3 grid area. The position-area can span cells.
It can also have fallbacks with flip-blocks, flip-inline and flip-start.

Related CSS properties:

• anchor-name
• position-anchor
• position-area
• position-try-fallbacks

The post does not relate how to handle spacing though.