Greg Greg - 5 months ago 10x
HTML Question

line break <hr> not rendering as expected

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

and how to get rid of it?


enter image description here

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


Replace this:

border-bottom: 4px solid #469551;

by this:

 border: 4px solid #469551;

Here is the JSFiddle demo