Thursday, June 7, 2012

HTML list item adjusting margin space

During one of our developments to use list element to display items, we encountered a list that has a problem on spacing between items.

I looked for an answer thru google and here is the best that I can come up with based on the problem:

li {
margin-top: -1em;
}

They were actually asking for a solution to increase their space between list items. Which was the opposite of what I wanted, which was to decrease the space between items.

This answer was obvious after searching for about 5 mins.


Here are the sites I drawn my solutions from:

http://bytes.com/topic/html-css/answers/98755-how-increase-vertical-spacing-between-ul-ol-items

http://stackoverflow.com/questions/347404/ie-adds-extra-top-margin-to-every-li-element

No comments:

Post a Comment