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
and
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!
]]>