Jelmar Jelmar - 3 months ago 29
CSS Question

Styling the <hr /> element

I am trying to make my

<hr />
(hr) element pinkish, and am using the following css rule for this:

hr {height: 1px; color: #ed1d61;background-color: #ed1d61;
}


But there is still a black line showing through it.

(here is a look at it on the site that I am making: http://www.yemon.org/ , its the only horizontal line in the design.

How do i get the line uniform pink?

Answer

Change it to this:

hr {
    height: 1px;
    color: #ed1d61;
    background: #ed1d61;
    font-size: 0;
    border: 0;
}