display: inline-block Method With Centered Menu
This menu is using display: inline-block to create horizontal display; it is applied both to the list item and to the anchor tag. You can align the list items like text, and can style the links like block boxes. Nifty! The main advantage is that padding on your anchor tag will make the height of its parent (the list item) taller, which in turn makes the height of the unordered list AND the nav taller. This can be nice.
However, you'll want to take note that there is a typographic space between each list item (because it is displaying in the flow of text now, even though it retains some "block box" like properties). So your list items don't "touch each other" - there is an interval between them, which is the collapsed space from your markup (new lines, indents, etc).