Showing how to create a horizontal menu using a semantic unordered list (
<li>) with just a few pieces of CSS to display it horizontally, with 'mouseover' color changing.
Note that since the
display:inline, whitespace between them is significant. As such, the HTML must be crammed together to prevent space from appearing between items.