Как выровнять вертикально ul li по отношению к div?

Question

[YarikLtv4k]

Как выровнять по середине разноцветные элементы? Изначально ul и li прилеплено к верху, а нужно посередине красного дива. Сам красный див по середине, все норм. Position absolute не помог, они либо в один столб становятся, либо слипаются в одно слово

Answer 1

[Wispik]

display: flex;
aling-items: center: