@KrotKrotKrotTest

Как выровнять картинку и текст, чтобы они были на одной линии?

Подскажите, как мне можно сделать картинку на одной строчке с иконкой, а если текст был в две строчки, то иконка выравнивалась по верхнему краю?

<li class="search__list-item" style="cursor: pointer;" onclick="displayNames('Поиск')"><b class="strong"> Поиск</b> Текст</li>


.list-item{
    padding: 12px 14px;
    display: inline-block;
    text-align: left;
    &:hover{
      background-color: $sky;
    }
    &:before{
    content: '';
    background-image: url('img/ico.svg');
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
  }
}
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Например, так

Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы