I have been experimenting with using hr elements to divide sections of my web page. Here is a snippet of the CSS code I am using:
hr{
content: " ";
display: block;
height: .1px;
width: 95%;
margin:15px;
background-color: #dfdfdf;
border:0;
}
An issue I encountered is that whenever I include the 'border' property, more than half of my elements disappear from the page completely. What could possibly be causing this problem and how can I go about resolving it?
P.S. The same puzzling disappearance occurs when attempting to use "border-width:0px".