Як зробити лінію під текстом у HTML?

Щоб створити лінію під текстомслід додати до елементу стильову властивість border-bottom, його значенням виступає одночасно товщина лінії, її стиль і колір (приклад 1). Відстань від лінії до тексту можна регулювати властивістю padding-bottom, додаючи його до селектора H1.

За допомогою тегу <hr> можна намалювати горизонтальну лінію, вигляд якої залежить від атрибутів, що використовуються, а також браузера. Тег відноситься до блокових елементів, тому лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.

Горизонтальна лінія робиться за допомогою властивості border-bottom, яка застосовується зазвичай до елемента <div>. Цю властивість додає лінію знизу заданої товщини та стилю (приклад 1). Щоб не «псувати» все, використовуємо клас line, і вже для класу вказуємо властивість border-bottom.