Как задать нижнее подчеркивание не на всю ширина текста?

Для задания нижнего подчеркивания не на всю ширину текста в HTML можно использовать следующий подход:

1. С помощью CSS: можно создать отдельный стиль для подчеркивания и применить его к нужному элементу. Например, если вы хотите подчеркнуть только часть текста, вы можете использовать встроенный элемент и применить к нему стиль с нижним подчеркиванием.

Пример кода:

 
    .underline {
        text-decoration: underline;
    }
 
 
<p>Этот текст не подчеркнут. <span class="underline">Этот текст будет подчеркнут</span>. И этот опять не будет.</p>

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

<p>Этот текст не подчеркнут. <u>Этот текст будет подчеркнут</u>. И этот опять не будет.</p>