Чтобы добавить пробел между подчеркиванием и текстом с помощью CSS, вы можете использовать несколько методов. Вот несколько вариантов:

1. Использование полей. Вы можете добавить пространство, применив поле к текстовому элементу. Например:

   .text-element {
   text-decoration: underline;
   margin-bottom: 5px; /* Adjust the value to add desired space */
   }

2. Использование отступов. Другой подход — использование отступов для создания пространства между подчеркиванием и текстом. Вот пример:

   .text-element {
   text-decoration: underline;
   padding-bottom: 5px; /* Adjust the value to add desired space */
   }

3. Использование border-bottom: вместо подчеркивания вы можете создать собственный эффект подчеркивания, используя свойство border-bottom, и добавить пространство с помощью отступов. Вот пример:

   .text-element {
   border-bottom: 1px solid black; /* Adjust the color and thickness as needed */
   padding-bottom: 5px; /* Adjust the value to add desired space */
   }

4. Использование псевдоэлемента ::after. Вы также можете использовать псевдоэлемент ::after для создания эффекта подчеркивания и добавления пробелов с помощью полей или отступов. Вот пример:

   «»;
   дисплей: блок;
   нижняя граница: 1 пиксель, сплошной черный; /* Отрегулируйте цвет и толщину по мере необходимости */
   margin-top: 5px; /* Отрегулируйте значение, чтобы добавить нужное пространство */
   }

Это всего лишь несколько способов добавить пространство между подчеркиванием и текстом с помощью CSS. Вы можете выбрать тот, который лучше всего соответствует вашим потребностям, и соответствующим образом настроить значения.