Core Code
Core Code Modern Dev Handbook

CSS Horizontal List

Lists can be displayed horizontally using inline or flex styles.

Preview

Code

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

li{
display:inline;
margin-right:15px;
}
</style>

<ul>
<li>Home</li>
<li>Docs</li>
<li>Examples</li>
</ul>

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 Navigation List open example