CSS Border box height
So the border height is staying the same as the li textsize. How do i make it so it covers the whole height of the div? Dont want to make the text bigger, just make the border fill up the height. Using atom btw if that helps. Shortened down the code, only the relevant code is shown hoefully. HTML code: <body> <header id="header"> <div class="container"> <h1 class="headerblock">Sal_Toosh</h1> <nav> <ul> <li class="navblock"><a href="Blog.html">Home</a></li> <li class="navblock">Discussion</li> <li class="navblock">Projects</li> </ul> </nav> </div> </header> CSS code: /*Header and Nav*/ #header{ font:10px; color:white; background:black; min-height:80px; padding-top:40px; border-bottom:3px solid blue; } .headerblock{ float:left; width:40%; } .navblock{ float:left; width:20%; border-left:2px solid blue; border-radius: 10px 0px 10px 0px; box-sizing: border-box; }
Often have questions like this?
Learn more efficiently, for free:
