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.