Метод 1: встроенный CSS
Самый простой и быстрый способ удалить подчеркивание — использовать встроенный CSS. Добавьте атрибут styleв тег span внутри тега привязки и установите для свойства text-decorationзначение none. Вот пример:

<a href="#">
  <span >Text without underline</span>
</a>

Метод 2: внешний CSS
Чтобы поддерживать чистоту и организованность кода, вы можете использовать внешний файл CSS. Создайте класс или идентификатор для элемента span и примените свойство text-decorationсо значением none. Вот пример:

CSS:

.no-underline {
  text-decoration: none;
}

HTML:

<a href="#">
  <span class="no-underline">Text without underline</span>
</a>

CSS:

a span {
  text-decoration: none;
}

HTML:

<a href="#">
  <span>Text without underline 1</span>
</a>
<a href="#">
  <span>Text without underline 2</span>
</a>

Метод 4: псевдокласс CSS
Псевдоклассы CSS предлагают более конкретный способ нацеливания на диапазоны внутри тегов привязки. Используйте псевдокласс :not, чтобы исключить любые диапазоны с определенным классом или идентификатором из удаления подчеркивания. Вот пример:

CSS:

a span:not(.keep-underline) {
  text-decoration: none;
}

HTML:

<a href="#">
  <span>Text without underline</span>
</a>
<a href="#">
  <span class="keep-underline">Text with underline</span>
</a>