Horizontal Menu

Showing how to create a horizontal menu using a semantic unordered list (<ul> and <li>) with just a few pieces of CSS to display it horizontally, with 'mouseover' color changing.

Note that since the <li> are display:inline, whitespace between them is significant. As such, the HTML must be crammed together to prevent space from appearing between items.