HR styling

Question

HR styling

Navigation

#1 by (1 votes)

1

I have a line in a layout I'm doing, and I did not want to create a div just for her. I would like to continue the hierarchy I created. So I decided to use <hr /> Example:

.empresa hr {
    width: 100%;
    height: 1px;
    background-color: #dddddd;
}

What happens is that, by zooming in, I get the impression that the height of the line is not 1px , I get the impression that it's already a border.

Is this normal? Is <hr /> still common?

css

asked by anonymous 05.12.2014 / 16:21

1 answer

How to remove "/" from the end of a server folder? Try opening two Activity in the stack

score 1 · Answer 1

The hr also has borders. Try to do the following, eliminate the side bores and the bottom edge, for example.

.empresa hr {
    width: 100%;
    height: 1px;
    border: 0px;
    border-top: 1px solid red;
    background-color: #dddddd;
}