Почему элементы не влазят в блок?

Question

[sinevik]

Сложил все width элементов, плюс margin-left и все равно не влазит в блок? Подскажите что забыл? border вроде нет
https://jsfiddle.net/569698c6/

Answer 1

[Smeecy Smeecy]

Прочтите это, дополнительные отступы - проблема в строчных элементах (inline-block) и работайте лучше с flexbox :)

Answer 2

[bizlex]

<div id="one"></div>
<div id="two"></div>
<div id="tree"></div>
<div id="four"></div>

Из-за переноса строки. Если бы они выглядели так:

<div id="one"></div><div id="two"></div><div id="tree"></div><div id="four"></div>

то влезли бы.
Вот наглядно:
https://jsfiddle.net/bizlex/569698c6/1/