Как сверстать данный момент?

Question

[coi1751]

Верстаю тренировочный макет, возникла такая проблема, надо сверстать как на скрине я сделал это списком, возникла следующая проблема, как поставить изображения по центру? То есть они съезжают чуть вверх и третье влево. Вот как получилось у меня

Answer 1

[Алексей Верховцев]

Смотрите можно сделать так

<style>

</style>
<style>
        ul {
            font-size: 0;
        }
        ul .icon,
        ul p {
            display: inline-block;
            vertical-align: middle;
        }
        ul p {
            font-size: 16px;
        }
        ul .icon {
            text-align: center;
            width: 50px; // здесь значение картинки с макс. шириной
        }
    </style>
    <ul>
        <li><div class="icon">Картинка</div><p>Текст <span>Текст с другим текстом</span></p></li>
    </ul>

Answer 2

[Максим]

<a href=""> 
  <i>Здесь иконка</i>
  <span>Здесь текст</span>
</a>

Answer 3

[Александр Золотарев]

Задай родительскому контейнеру.
.wrap {
display: flex;
align-items: center;
}