How can I inline menu list items using CSS and HTML?

The CSS stylesheet is used to create menu list inline using display . You have to make menu Items inline using CSS class . 

Let's create a class to make menu items inline . 

<style> 
.nav li{ 
display: inline;
 padding:2px;
}
</style>

We have created a css with display inline attributes . This is called display inline css which is used to make div block , list li or other content inline . In the css class above , we have created padding between menu items . 

<style> 
.nav li{ 
display: inline; 
padding:2px;
}
</style>
<ul class="nav">
<li> <a href="#">Home </a></li>
<li> <a href="#">About </a></li>
<li> <a href="#">Contact</a> </li></ul>

We use css class nav before menu list li . All menu items should be inside class nav . 

Inline CSS helps to arrange all menus items in one line . If you want to manage all items in one line using CSS then you should create css like this - 

Inline CSS- 

.class_name li{ 
display: inline;
}

In the example above , we declared class name with li list tag . You can set your css class name . In this way , you can make menu Items inline using inline css . This is known as inline group .