Just a really short post today with a very frustrating issue I have come across several times. When you use a list with LI elements in HTML and apply the inline-block display property to them, a 4 pixel margin is auto created on the right of each element.
To get around this, you need to eliminate the whitespace between the
Apparently it has to do with inline-block being whitespace sensitive with LI elements. All I know is it’s a quirky thing to have to do, but it gets rid of those pesky “ghost” margins!