Hi All,
I would like to know how to create gaps between my menu items. What I mean is suppose I have a navigation section on my web page which is made up of 5 rectangles stacked on top of one another. I would like to separate each rectangle from the rest of the rectangles in the menu with gaps above and below each rectangle. Any help will be greatly appreciated, thanks in advance.
Lists, <ul> <ol>, have vertical margins applied by default. List items, <li>, do not. As Eric said, you can apply vertical margins to the list items to separate them.
li {margin:10px 0} /* like this */
It is sometimes a good idea to set the default vertical margin of the list to zero to prevent an unexplained mysterious force from pushing the top of the page down from the top edge of the browser window.