A Space between Inline-Block List Items [duplicate]

Answer 1

Even if its not inline-block based, this solution might worth consideration (allows nearly same formatting control from upper levels).

ul {
  display: table;
}
ul li {
  display: table-cell;
}

• IE8+ & major browsers compatible
• Relative/fixed font-size independent
• HTML code formatting independent (no need to glue </li><li>)

Answer 2

I would add the CSS property of float left as seen below. That gets rid of the extra space.

ul li {
    float:left;
}