Core Code
Core Code Modern Dev Handbook

CSS Vertical Menu

Navigation menus can also be vertical.

Preview

Code

<style>
nav a{
display:block;
padding:10px;
background:#fde68a;
margin-bottom:5px;
text-decoration:none;
}
</style>

<nav>
<a href="#">Home</a>
<a href="#">Docs</a>
<a href="#">Examples</a>
</nav>

More CSS Navigation Bars Examples (9)

example CSS Basic Navigation Bar open example example CSS Horizontal Menu open example example CSS Navbar Hover Effect open example example CSS Active Navigation Link open example example CSS Dropdown Menu open example example CSS Centered Navigation open example example CSS Right Aligned Menu open example example CSS Sticky Navbar open example example CSS Responsive Navbar open example