Как спозицианировать иконки так чтобы они начинались на одном уровне?

Question

[NewbieSs]

Есть родительский блок, у которого задан флекс, направление колонками и выравнивание элементов по центру, в нем 3 айтема, в каждом из которых картинка и текст, блоку задан флекс, но из-за разного количества текста, иконки не начинаются на одном уровне.
Как спозиционировать иконки так чтобы они начинались на одном уровне независимо от количества текста в блоке?Пытался через абсолют, но получилось только через подбор значений top и left. Хотелось бы найти более гибкое решение.

Comments

[Сергей delphinpro]

Выровнять по левому краю.
в зависимости от ситуации: text-align, justify-content или align-items

[RTFMaster]

Сделайте дочерние блоки для иконок и текста, так сможете спозиционировать как вам угодно.

li.feature-list > .feature-item > .feature-icon
li.feature-list > .feature-item > .feature-description

[NewbieSs]

RTFMaster, сделал более глубокую вложенность и там с помощью флексов все спозиционировал. Спасибо!

Answer 1

[RTFMaster]

Перенес комментарий в ответ.

Сделайте дочерние блоки для иконок и текста, так сможете спозиционировать как вам угодно.

li.feature-list > .feature-item > .feature-icon
li.feature-list > .feature-item > .feature-description

Если помог, прошу отметить как решение.