the element <hr/> styling isn't working in CSS

Question

I am trying to style a <hr /> and I want to colorize it with red color, but it's not working !

This is my CSS code

hr {
  color: red;
  margin-top: 2em;
  margin-bottom: 2em;
}

btw the margin-bottom worked!

I tried also to style it frim inspect Chrome and didn't work. and here it is my hr.

Answer 1

Color property is not affect hr tag.

• You can use background-color property. (for Opera, Chrome, Edge)
• You can use border-color property. (for Opera,Chrome, Edge, Firefox)