There is no denying that display:inline-block is arguably one of the most underused lines of CSS, ever. People mostly use floats and while floating has its advantages and use, inline-block is different.
The one issue with display: inline-block is the annoying whitespace issue. It’s 2013 and this is still an issue (it has been since around 2009 when inline-block gained better browser support), but fortunately there is a simple fix that fixes the issue from IE8 onwards and all modern browsers.
Simply set, font-size:0; on the parent element container and then set sizes individually in the child elements and the issue is fixed.
