If I write <hr width="50%" align="1% right" /> then output line comes in the center,though it is supposed to be at right side?

Question

Can anyone tell why it is happening this way? ?

Answer 1

Don't use html attributes to style your elements, most of them are deprecated with Html5, but Css instead ^^

Answer 2

Anyway, with old syntax of align attribute, this will work with:

<hr width="50%" align="right">

... as it's not valid to set align="1% right" ^^
Whatever, you can do it with 'margin' values Css property ( as suggested by @Yaroslav Pieskov ):

hr {
width:50%;
margin-left:auto;
margin-right:1%;
}

Answer 3

it's a block element with margin-left and margin-right = auto. try to turn off auto margin before

Answer 4

It looks like a forward message 😕

Answer 5

don't add 1%. just align="right"