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

Для того чтобы делать ссылку активной при наведении как на текст, так и на пустоту между текстом, вам потребуется немного HTML и CSS кода.

1. В HTML вам нужно создать элемент, который будет содержать текст и ссылку. Обычно для таких элементов используют <a> тег с классом или идентификатором для стилизации или обработки с помощью JavaScript.

Пример:

<a href="#" class="link">Текст ссылки</a>

2. Затем вам нужно определить стили для элемента <a> с помощью CSS. В частности, вам нужно будет задать свойства для элемента при наведении на него курсора.

Пример:

.link {
  color: blue;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

В этом примере мы задаем цвет текста ссылки как синий и убираем подчеркивание при обычном состоянии ссылки с помощью свойства text-decoration: none;. Затем, когда курсор наводится на ссылку, мы добавляем подчеркивание с помощью свойства text-decoration: underline;.

3. Для создания "пустоты" между текстом, вы можете добавить отступы (padding или margin) к элементу <a>. Отступы будут равномерно распределены вокруг текста ссылки и создадут "пустое" пространство, на которое можно навести курсор и активировать ссылку.

Пример:

.link {
  color: blue;
  text-decoration: none;
  padding: 5px 10px;
}

.link:hover {
  text-decoration: underline;
}

В этом примере мы добавляем отступы в 5 пикселей сверху и снизу, а также в 10 пикселей слева и справа. Вы можете настроить эти значения в соответствии с вашими потребностями.

В результате при наведении курсора на текст или на пустоту вокруг текста, ссылка станет активной и будет подчеркиваться, что будет указывать на то, что это кликабельный элемент и может быть использован для перехода по ссылке.