How to draw a vertical graphical line?

Question

well I tried to draw a line vertically so I wrote the code as <hr height="50%"/>
but still it was showing a horizontal line.one thing which I found that when i changed the value it was showing the same line for every value . please help me......

Answer 1

Try this

<hr style="transform-origin: 0%; transform:rotate(90deg);" />

(if cant work, please add css prefixer)

Answer 2

Well, if you're trying to split two parts from each other, it's good to use borders (in your case, border-right/border-left).

Answer 3

thank you so much calvin

Answer 4

is there any other tag for vertical line maybe like... vr or something...?

Answer 5

There is no vr tag.

Answer 6

Unfortunately, border is not a good choice when you want to put space between a vertical line. In this case, a rotated <hr/> (as Calvin mentioned), a new custom element using JS document.createElement() (e.g. <vr>) or a <div> with a special class (attribute) may be useful.