line break not rendering as expected

Question

Any idea why there\'s a thin grey line above my green

---

and how to get rid of it?

Thanks

https://jsfiddle.net/Lc7gym88/

hr {
  border         


        

Answer 1

Removed default

---

border and uses height and background

hr {
  background: #469551;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
  height: 4px;
  border:none;
}

Example : https://jsfiddle.net/Lc7gym88/1/