How to remove the space between list items [duplicate]

Answer 1

You should just remove all the spaces in the ul tags just like this: http://jsfiddle.net/dFRYL/3/

Since the <li> elements are inline, in you write spaces in or between them you will have spaces displayed.

Answer 2

here is my attempt at it. Hope it helps. As Sean Dunwoody mentioned, white space in your html can be a cause of the space, but I've floated the li and made the image to display:block;. Left comment on where I made changes. Hope it helps: http://jsfiddle.net/FJ3nV/

Here my small but main changes:

/*
* Added float left
*/
ul.frames  li {
  margin: 0;
  list-style: none; 
  float:left;
}

/* 
*  Moved inline sizing here just to clear up obtrusive html.
*  Added display block.
*/
ul.frames li img{width:102px; height:80px; display:block;}