позиционирование (центрирование по вертикали) span внутри div

Question

У меня 3 пролета:

.see-more{
    text-align: right;
    padding-right: 20px;
    display: inline-block;
}

.see-more .see-more-text{
    display: inline-block;
    padding-top: -2px;
}

.see-more .fa-angle-right{
    display: inline-block;
    margin-right:-6px;
}

    <div class="see-more">
        <a href="ground-stabilisation">
            <span class="see-more-text">see more</span
            <span class="fal fa-angle-right"></span>
            <span class="fal fa-angle-right"></span>
        </a>
    </div>

эффекты этого кода выглядят так: введите описание изображения здесь

Я пытаюсь опустить значки под прямым углом так, чтобы они находились посередине текста «увидеть больше», к сожалению, во всех попытках всегда перемещается весь div, а не элементы внутри. Есть идеи?

Answer 1

Попробуйте margin-top: 20px (попробуйте указать необходимое число) в fa-angle-right css