Greg Greg - 7 months ago 13
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?

Thanks

https://jsfiddle.net/Lc7gym88/

enter image description here

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

Answer

Replace this:

border-bottom: 4px solid #469551;

by this:

 border: 4px solid #469551;

Here is the JSFiddle demo

Comments