How to create horizontal menus?

Your basic list menu always looks like this.

By default, a list runs vertically, each item on its own line. It also includes an image, known as a bullet, before each line. In the stylesheet, one need to add a reference to the navmenu and the first step is to remove the bullet and set our margins and padding to zero for the whole list.

#navmenu ul {margin: 0; padding: 0;
	list-style-type: none; list-style-image: none; }

Now, the mail technique will set the list into horizontal lines.

#navmenu ul {margin: 0; padding: 0;
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }

And now the last step:

#navmenu ul {margin: 0; padding: 0;
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px;
	padding: 5px 20px 5px 20px; color: blue;
	background: pink;}
#navmenu ul li a:hover {color: purple;
	background: yellow; }

That’s It! This should work for your