Как отцентрировать по вертикали?

Question

[evomed]

Имеется код

<div class="flex place-content-center">
        <div class="h-50">
            <div
                class="spinner is-elastic h-7 w-7 border-slate-150 border-r-slate-500 animate-spin rounded-full border-[3px]"
            ></div>
        </div>
    </div>

Который выдает спиннер в верху модалки.


По горизонтали получилось отцентрировать. Как теперь разместить по центру по вертикали?

Answer 1

[Speakermen]

Так?

.parent{
  position: relative;
}
.child{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Comments

[evomed]

Да