22/07/2014 Development / css

Quando se usa display: inline-block o elemento cria uma margem extra, isto porque, inline-block é considerado um texto.

http://jsfiddle.net/sBUhm/

Uma solução bizarra pra esssa porra, é deixar todos os elementos na mesma linha :-(

http://jsfiddle.net/sBUhm/1/

Uma solução menos amigavel, mas um pouco melhor que deixar na mesma linha é deixar um comentario entre os elementos. :-|

http://jsfiddle.net/sBUhm/2/

A solução mais amigavel e indicada é colocar uma elemento PAI em volta dos filhos e usar letter-spacing. ;-)

http://jsfiddle.net/sBUhm/5/

Nesse caso usamos o tamanho negativo em EM, que independente da fonte do browser e do zoom da página, ele vai zerar as margens: 
* Dica do coisa!

Ou usando margin-left negativa. - Luiz Felipe Tartarotti Fialho

http://jsfiddle.net/sBUhm/6/

Espero que sirva