How to Make Horizontal Navigation in CSS and HTML

Website use horizontal navigation because it’s easier to see and it saves a lot of horizontal space compared to a vertical navigation.

Copy the code below to create a horizontal navigation menu.

HTML

CSS

This is tested using IE 7, IE 8, Mozilla, Opera, Chrome, and Safari.