Отже, якщо нам потрібно розмістити вертикальну або горизонтальну лінію згори або з лівого боку елемента, то нам потрібно використовувати псевдоелемент: before. Якщо ж лінія має бути праворуч або знизу, то ми повинні використовувати псевдоелемент: after.17 жовт. 2022р.
Як поставити знак вертикальної межі?
Вертикальна риса (|) або вертикальна лінія (від анг. pipe, труба) це символ на клавіатурі, який можна набрати, увімкнувши англійську розкладку клавіатури та натиснувши клавішу зі зворотним слешем, яка знаходиться зліва від клавіші Z (Я) на більшості стандартних QWERTY клавіатурах.
Як зробити горизонтальну лінію в HTML?
Горизонтальна лінія робиться за допомогою властивості border-bottom, яка зазвичай застосовується до елемента <div>. Ця властивість додає лінію знизу заданої товщини та стилю (приклад 1). Щоб не «псувати» все, використовуємо клас line, і вже для класу вказуємо властивість border-bottom.