Core Code
Core Code Modern Dev Handbook

CSS Navigation List

Lists are often used to create navigation menus.

Preview

Code

<style>
nav ul{
list-style:none;
padding:0;
}

nav li{
display:inline-block;
margin-right:15px;
}

nav a{
text-decoration:none;
color:#2563eb;
}
</style>

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

More CSS Lists Examples (7)

example CSS Basic List Styling open example example CSS Remove List Bullets open example example CSS Ordered List Style open example example CSS List Style Position open example example CSS Custom Marker open example example CSS List Image Marker open example example CSS Horizontal List open example