Вертикальное выравнивание svg?

Question

[Igor Fedorov]

Эти иконки - inline svg. Они display:inline-block и vertical-align:middle. Однако всё равно всё едет куда-то. Если же родителю хлебных крошек сделать line-height:1 - то всё нормально...

Подозреваю, что это из-за того, что у body задана line-height:1.45.
Как можно универсально выравнивать inline svg иконки?

Comments

[Nikolay Talanov]

С свг проблем нет. У вас проблемы с выравниванием инлайн-блоков.

[Евгений]

сделайте слова тоже с display:inline-block

[Igor Fedorov]

Евгений: они тоже с display:inline-block

Answer 1

[fetis26]

Я давно уже использую флексбокс для такого

.container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

и все