Adding a vertical line from the header border line to bottom in html and css -
the given css code gives bottom border line header in html page. want add similar vertical line starts border line in header till bottom of page such can sidebar panel left. please me.
header { border-bottom: #bfa161 solid 3px; height: 60px; background-color: #fff; position: relative; z-index: 9999; }
simple this, need give border color div. can size div match requirement.
header { border-bottom: #bfa161 solid 3px; height: 60px; background-color: #fff; position: relative; z-index: 9999; } footer { border-top: #bfa161 solid 3px; background-color: #fff; } #maincontent { display: inline-flex; } #vertical_line { border-left: 3px solid #bfa161; width: 60px; }
<header> header </header> <body> <div id="maincontent"> <div> <p>this sidebar</p> </div> <div id="vertical_line"> <p>this content</p> </div> </div> </body> <footer> footer </footer>
Comments
Post a Comment