Greg Greg - 2 years ago 83
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;

Answer Source

Replace this:

border-bottom: 4px solid #469551;

by this:

 border: 4px solid #469551;

Here is the JSFiddle demo

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download