margin Options

[minidiapolis]

Hi, on http://www.cs.iupui.edu/~mjsmith In the menu section I'm trying to move the whole section down and I'm trying to put space between each menu option. I thought I should use margin-top option but it's not working. Also, why isn't the
menu titles centered?

[pandy]

You have specified a top margin for SPAN. Margins behave differently with inline elements. Basically margins have no effect on lines above and below when used with an inline element. You should rather use margin for #menu.

Also, you shouldn't wrap everything in SPANs. The styling you use with the SPANs in the menu you can use directly with the A elements instead. You don't have to add extra tags.

why isn't the menu titles centered

You have used the style with SPAN. 'text-align' doesn't apply to inline elements. You should use it with the element that contains the inline content, in this case #menu.


I wonder if you are aware of that the menu DIV isn't to the left of the content? It's above the content. You can never get them to display side by side without some radical changes. You could float the menu to the left for instance.