Как SVG выровнять на уровне текста?

Question

[Villian_Os]

Как можно выровнять SVG с помощью css? Никак не получается, я использовал span от bootstrap https://getbootstrap.com/docs/4.0/components/badge/, но результат немного не тот

Comments

[ThunderCat]

маржин, паддинг... Все как обычно.

[Ankhena]

Скорее vertical-align: middle;
https://web-standards.ru/articles/vertical-align/

Answer 1

[Сергей Миллер]

Юзать css flex align-items: center например

Comments

[Villian_Os]

Попробую

[Сергей Миллер]

Villian_Os, Во flex родителе должны быть текст и svg + использовать префиксы (-wbkit, -moz, -o ...)

переделать стили не в инлайн!

<ul style="display:flex; flex-wrap:wrap; align-items:center">

<li  style="display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between"><span>График</span> <svg>...</svg></li>
...
</ul>

[Villian_Os]

Сергей Миллер, Получилось, я тупой конечно атас, надо был css уже подробнее учить, а я всё ещё фронт фреймворки использую, типа tailwindcss