Может ли кто-нибудь помочь мне с индикаторами карусели bootstrap4

Question

Я добавил текст предыдущий и следующий вместо обычных индикаторов-каруселей. Мне удалось выровнять текст по центру по горизонтали, но по вертикали он не центрирован.

Ниже приведены индикаторы карусели html и стили:

.carousel-indicators {
   top: 400px;
}
.carousel-indicators li {
   position: relative;
   left: 20px;
   width: 208px;
   height: 56px;
   border-radius: 12px;
   background-color: var(--dark-blue);
   margin-right: 2em;
   text-indent: unset;
   color: var(--white-bg);
   font-size: 20px;
   cursor: pointer;
}
.carousel-indicators .active {
   background-color: var(--dark-blue);
}

<ol class="carousel-indicators text-uppercase text-center">
   <li data-target="#mycarouselIndicators" data-slide-to="0" class="active" > Previous </li>
   <li data-target="#mycarouselIndicators" data-slide-to="1">Next</li>
</ol>

Answer 1

Добавьте style="bottom: 50%;" к <ol>, и все должно работать должным образом.

<ol class="carousel-indicators text-uppercase text-center" style="bottom: 50%;">
   <li data-target="#mycarouselIndicators" data-slide-to="0" class="active" > Previous </li>
   <li data-target="#mycarouselIndicators" data-slide-to="1">Next</li>
</ol>