@sciencefront

Как правильно сделать иконку возле текста?

чтобы она не была слишком далеко,
а возле текста
речь о квадрате справа( для простоты была замена с иконок на квадрат)
https://codepen.io/Olya097/pen/xxWMdaa

через спан тоже пробовала - не особо
  • Вопрос задан
  • 165 просмотров
Пригласить эксперта
Ответы на вопрос 1
@alexalexes
Чтобы применить свойство text-decoration на названии пункта меню, но не применять на псевдо элементе, нужно название обернуть в span:
<a href="#" class="menu__item menu__item--sport"><span>Зимний спорт</span></a>

Чтобы псевдо-элемент after был вплотную к названию, он, как вариант, должен быть строчным элементом. То есть, нужно отменить для него абсолютное позиционирование. Также, его нужно изобразить символом, а не геометрическим прямоугольником:
.menu__item
{
  text-decoration: none;
}
.menu__item > span
{
  text-decoration: underline;
}
.menu__item:after
{
  position: unset;
  content: '▪';
  margin-left: 5px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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