Как выровнять списки?

Question

[testkeyc]

Заменил точку в списке на шрифтовую иконку через css

ul > li::before
	content: '\f14a'
	color: red
	font-family: "Font Awesome 5 Free"
	margin-right: 10px

Скажите, можно ли как-то сделать, чтобы текст был выровнен относительно одной линии, а сама иконка была по центру?

Comments

[Lord_Dantes]

Какой? МОжно скриншот что вы хотите сделать

[testkeyc]

slave bb, так я вроде и приложил

Answer 1

[testkeyc]

ul > li::before
content: '\f14a'
color: red
font-family: "Font Awesome 5 Free"
margin-right: 15px

ul li
list-style-type: none
display: flex
justify-content: flex-start

Answer 2

[Антон]

Сделать паддинг слева тексту, иконка абсолютом на то место, что мы отвели паддингом. Блок текста релейтив, иконка абсолют