Як зробити смугу в CSS?

Отже, якщо нам потрібно розмістити вертикальну або горизонтальну лінію зверху або з лівого боку елемента, то потрібно використовувати псевдоелемент :before. Якщо ж лінія має бути праворуч або знизу, ми повинні використовувати псевдоелемент :after.

Як зробити суцільну лінію CSS?

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