Как при наведении на текст и пустоту между текстом сделать так что — бы срабатывала ссылка?

Question

[johnyyahappy]

Проблема в том что я не знаю как навести допустим на 1 пункт и чтобы неважно куда тыкнуть мышку хоть в пустоту между нумерацией и текстом всё равно ссылка срабатывала - что бы было как на фото целую ночь думал - даже не знаю что делать

div {
  display: flex;
  gap: 10px; /* Отступ между "lol1" и "lol2" */
}

a {
  text-decoration: none;
  position: relative;
  cursor: pointer; 
}

a::after {
  content: '';
  display: block;
  height: 1px; 
  background-color: black; 
  position: absolute;
  bottom: -1px; 
  transition: width 0.3s ease; 
}

div:hover a::after {
  width: 100%; /*
}

Comments

[Павел]

сложность вопроса "средний" xDDDDDDDDDDDDDDDDDDDDDDDDDDDDD

[Ankhena]

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

[johnyyahappy]

Ankhena, Та все получилось просто каряво написано, я за это переживаю. Ну да ладно, работает и работает)

Answer 1

[Deita]

https://tproger.ru/articles/clickable-area