За допомогою тегу <hr> можна намалювати горизонтальну лінію, вигляд якої залежить від атрибутів, що використовуються, а також браузера. Тег відноситься до блокових елементів, тому лінія завжди починається з нового рядка, а після неї всі елементи відображаються на наступному рядку.
Вирівнювання тексту в HTML по центру та по ширині
- align="left" – визначає вирівнювання тексту зліва (за замовчуванням).
- align="center" – вирівнює текст по центру.
- align="right" – вирівнює текст праворуч.
Отже, якщо нам потрібно розмістити вертикальну чи горизонтальну лінію зверху або з лівого боку елемента, нам потрібно використовувати псевдоелемент :before. Якщо ж лінія має бути праворуч або знизу, то ми повинні використовувати псевдоелемент: after.