Why background color not applied in hr tag?

Question

https://code.sololearn.com/WwSmGzz2Sk5C/?ref=app

Answer 1

hr {
background-color:red;
height:2px;
border:none;
}

Answer 2

Please try

Answer 3

Set the height of the hr tag then you can apply the background colour.
Check code.

https://code.sololearn.com/WLbNv2taSLj9/?ref=app

Answer 4

Thanks

Answer 5

Ram Ji actually it's applied. What you see is just border of the hrs(height=0). Try set the hrs height and you will see. Or just set the css rule: hr{border-color:red;}