Как засунуть абсолютный элемент под другой?

Question

[yoroxxel]

Вот код:

<div className="flex space-x-10 relative  max-w-full mt-8 justify-between mx-4 md:mx-64">
    <div className="border-dashed min-w-[90%] left-[50px] border-[var(--brand-color)] border  absolute top-[50%]"></div>

    <div className="shadow-2xl relative  z-[-1] py-4 px-5 md:py-8 md:px-9 rounded-full">
        <p className="text-[42px]  font-bold text-[var(--brand-color)]">
            01
        </p>
    </div>
</div>

А вот то что получается, хотелось бы засунуть линию под кружки

Answer 1

[Сергей delphinpro]

Если нужно линию под кружки, то зачем вы кружок помещаете под линию? z-[-1] - это нужно просто убрать.

Comments

[yoroxxel]

Таким образом первый кружок работает, для оставшихся двух линия все еще поверх, их код идентичный

[Сергей delphinpro]

yoroxxel, возможно имеет смысл разместить одну линию позади блока со всеми тремя кружками.

[yoroxxel]

Сергей delphinpro, да, помогло, спасибо!