Задать вопрос
@testkeyc
css

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

5d28374913ab4705277628.png
Заменил точку в списке на шрифтовую иконку через css
ul > li::before
	content: '\f14a'
	color: red
	font-family: "Font Awesome 5 Free"
	margin-right: 10px


Скажите, можно ли как-то сделать, чтобы текст был выровнен относительно одной линии, а сама иконка была по центру?
  • Вопрос задан
  • 67 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 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
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Eridani
@Eridani
Мимо проходил
Сделать паддинг слева тексту, иконка абсолютом на то место, что мы отвели паддингом. Блок текста релейтив, иконка абсолют
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
[python,go] Залить ВИДЕО в тикток
19 апр. 2024, в 23:00
5000 руб./за проект
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Ещё заказы