How do I add multiple horizontal lines in CSS using the <hr> element?

user_19355736 0
Viewed 43

I have already successfully added 1 horizontal line, but when I try to add another one (by using multiple <hr> elements in the HTML), it doesn't seem to work.

HTML Code: <hr/>

CSS code:

hr {   
   width: 90%;    
   height: 7px;    
   margin-left: 50px;    
   margin-right: auto; 
   background-color: #911637;    
   border: 0 none;    
   position: absolute;    
   top: 110px; 
   right: 85px;    
   left: 0px;    
   down: 0px;
}
css html
1 Answers

first:, for position, use top right left and bottom not done
second:, the reason why the second <hr/> isn't showing is bcs it's on top of the first one, due to using absolute position

here is a link for small demo where you can see the code
codepen demo

user_149088530
Related