Core Code
Core Code Modern Dev Handbook

CSS Inline-block Navigation

Inline-block can create horizontal navigation menus.

Preview

Code

<style>
nav a{
display:inline-block;
padding:8px 12px;
text-decoration:none;
background:#2563eb;
color:white;
margin-right:5px;
}
</style>

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

More CSS Inline-block Examples (7)

example CSS Inline-block Basic open example example CSS Inline-block Boxes open example example CSS Inline-block Spacing open example example CSS Inline-block Buttons open example example CSS Inline-block Images open example example CSS Inline-block Vertical Align open example example CSS Inline-block Card Layout open example