inline-block has white space between elements

Question

There is unwanted white space between elements, even when I set margin: 0 Demo

How to remove the white space?

Do some research before you ask. There is like 100 questions on SO about this. Here, http://css-tricks.com/fighting-the-space-between-inline-block-elements/. `font-size: 0;` is the most elegant way. — Josh Powell, Nov 26 '13 at 21:26

score 3 · Accepted Answer · answered Nov 26 '13 at 21:27

3

This is because you have spaces between your elements. You have to either remove the spaces or set font-size: 0 on the container. If you use font-size: 0 you'll need to set a font size explicitly on the child elements.

answered Nov 26 '13 at 21:27

James Montagne

77,516
14
110
130

1

True enough. Funny this doens't come up more often in practice. – isherwood Nov 26 '13 at 21:29

inline-block has white space between elements

1 Answers1