Как сделать линию HR вертикальной?

Question

[tweakofficial]

Привет всем

Как сделать линию вертикальной?

Comments

[Ankhena]

Задать ей ширину 1px и нужную высоту.
Но удобнее задаватьвертикальный border какому-то большому блоку.
Как правильно поступить можно сказать только если покажете макет.

Answer 1

[Сергей Соколов]

Расположить поверх большой <div> с border-left:1px solid #CCC?

Answer 2

[Astrohas]

Есть два ваианта:

1. <hr width="1" size="700">
   
2. border
   

Answer 3

[Андрей Федоров]

transform: rotate(90deg);

если хотите имеено правой ногой почесать левое ухо.

Answer 4

[IveLeen]

Забейте на HR. Используйте DIV + CSS.

.vertborder {
  border-left: 1px solid #000;
  height: 800px;
  width: 1px;
}

Присвойте этот класс к нужному DIV

Comments

[Tin Olcen]

Это не лучший способ, если нужно чтобы линия была ровно по середине, лучше

и
.Vertical {
background-color: #000;
border: none;
}

Answer 5

[Виктор Янышев]

Если что hr - horizintal - горизонталь

Comments

[Алексей]

У каждого свои горизонты :)

[Ankhena]

Пятница, человек на боку лежит, тут не разберешь как горизонт устроен.

Answer 6

[Варлам Ерофеич]

Вертикальный "hr" в действии: