Formatting Button Lists

You can use CSS tricks to dress up a list in a number of ways. The most common is to turn a list into a vertical button menu. To make this effect:

• Have an element named "menu" (or something like it...)
• Put a ul list in the element.
• Make some changes to li when it occurs inside a menu:
  • Set the list-style-type to none
  • Set the margin-left to -40 pixels
  • Set text-align to center
• Make changes to the a when it occurs inside the menu:
  • Remove underlining (text-decoration: none)
  • Give each element an outset border
  • Set display to block (fills out space and makes larger click target
  • Set a default color
• Change the menu anchor on hover:
  • Make an inset border