Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Всех с наступающим.

Первый вопрос:
Через флекс выравниваю все что внутри блока, есть еще 3 блока, это контакты, в них иконка svg и текст на против, так вот все выравнивает хорошо, но svg выравнивает не по центру, а по линии конца текста. А надо по середине чтоб было, как реализовать? используя флекс.
Иконки правда не видно, видно квадратик, но видно что он не совсем по центру.
Рабочий пример: https://jsfiddle.net/1Lj2tdh9/2/

И второй вопрос:
В блоке есть 4 блока, 3 блока по левую сторону должны и они идут по левую, а 4 блок по правую сторону, через justify-content: space-between;, можно реализовать? знаю что он делить два блока, первый блок делает по левую, а второй блок по правую. Как через флекс так сделать? чтобы три блока в блоке по левую, а четвертый по правую. (можно конечно применить float:right;.
Тот же рабочий пример: https://jsfiddle.net/1Lj2tdh9/2/
  • Вопрос задан
  • 1101 просмотр
Пригласить эксперта
Ответы на вопрос 1
LeshaGFB
@LeshaGFB
Верстальщик
Ответ на первый вопрос:
Я так понимаю, нужно чтобы иконка была вертикально выравнена по центру относительно текста. Если да, то:
.cnt {
display:flex;
align-items:center;
}

Ответ на второй вопрос:
Оберните левый блок (первые 3 блока) в div и правый блок (4 блок) в div , далее сделайте для них общий div (контейнер) и задайте justify-content: space-between;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы