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

Как правильно спозиционировать?

Есть список заключенный в <ul> <li> li1</li> <li>li2</li> </ul>.
В каждом ли, есть иконка которая в виде картинки размером 30х30.
И текст 16px.
Как правильно их прописать, чтобы текст был посередине иконки? В высоту?

<ul>
                  <li><a class="" href="#"><img src="_include/img/icon_side.png">Li1 text</a></li>
                  <li><a class="" href="#"><img src="_include/img/icon_side.png">Li2 Text</a></li>
                 </ul>
  • Вопрос задан
  • 123 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега CSS 
li a {
  display: flex;
  align-items: center;
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
usdglander
@usdglander
Yipee-ki-yay 
li a {
  line-height: 30px;
}

Оно?
Ответ написан
Комментировать
Комментировать
Rimush
@Rimush
Картинку надо сделать бэкграундом.

Как то так:

<ul>
  <li><a class="" href="#">Li1 text</a></li>
  <li><a class="" href="#">Li2 Text</a></li>
</ul>


a {
  background-image: url(_include/img/icon_side.png);
  background-position: center;
  line-height: 30px;
  text-align: center;
}
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Написать код на python
19 апр. 2024, в 03:01
1000 руб./за проект
Ещё заказы