I have a hr element that’s inside a div setting width to %50.
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #C6C6C6;
padding: 0;
}
hr width inherits it’s div parent width.
Is there a way to set the hr width to fit all the screen ommiting the width of its container?
You made set a
max-widthto the div and increase the%on theHR.Example : http://jsfiddle.net/M59YP/