Для создания ссылки, которая будет активной при наведении курсора как на текст, так и на расстояние между текстом и нумерацией, можно использовать следующий подход:
1. Оберните текст и нумерацию внутри ссылки тегом `<a>`. Например:
```html
<a href="#">1. Текст</a>
```
2. Примените к ссылке стили с использованием CSS. Например:
```css
a {
color: blue; /* Цвет ссылки */
text-decoration: underline; /* Подчеркивание ссылки */
}
a:hover {
color: red; /* Цвет ссылки при наведении курсора */
text-decoration: none; /* Удаление подчеркивания ссылки при наведении курсора */
}
```
3. Дополнительно можете настроить другие стили ссылки, такие как размер, шрифт и пр. в соответствии с вашим дизайном.
Заметьте, что ссылка будет активной в любом месте с текстом или между текстом, обернутым внутри `<a>` тега. Если вы хотите, чтобы ссылка была активной только на определенной части текста, то вам может потребоваться использовать различные элементы HTML для разделения и обертывания нужных частей текста внутри ссылки.
Надеюсь, это поможет вам создать активные ссылки при наведении курсора. Если у вас остались какие-либо вопросы, пожалуйста, сообщите мне.
