How do I remove the visibility of spaces between inline elements?

Question

Say I have several inline-block div tags, like this

cla

Answer 1

you can set "display: flex;" attribute to their parent wrapper:

.flexbox {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

Answer 2

put the following on a parent element:

word-spacing:-4px;

Or try:

font-size:0px;

It might work even better as it will not be affected by text resizing.

Answer 3

it is an inline element behaviour, so try floating left. http://jsfiddle.net/aVrSx/