С помощью тега <hr> можно нарисовать горизонтальную линию, вид которой зависит от используемых атрибутов, а также браузера. Тег относится к блочным элементам, поэтому линия всегда начинается с новой строки, а после неё все элементы отображаются на следующей строке.
Тег hr задает разделительную горизонтальную линию.
Горизонтальная линия делается с помощью свойства border-bottom, которое применяется обычно к элементу <div>. Это свойство добавляет линию снизу заданной толщины и стиля (пример 1). Чтобы не «портить» все <div>, используем класс line, и уже для класса указываем свойство border-bottom.
Итак, если нам нужно разместить вертикальную или горизонтальную линию сверху или с левой стороны элемента, то нам нужно использовать псевдоэлемент :before. Если же линия должна быть справа или снизу, то мы должны использовать псевдоэлемент :after.
Перейдите на нужную страницу или тот участок текста, где вы хотите вставить линию. Затем перейдите на вкладку «Вставка» в верхнем меню. В разделе «Страницы» найдите кнопку «Горизонтальная линия» и щелкните на нее. Выберите стиль и цвет линии, а затем нажмите «ОК».
Вы можете нарисовать вертикальную линию, просто используя высоту/ширину с любым элементом html. HTML <div id="verticle-line"></div> CSS. #verticle-line { width: 1px; min-height: …