Здравствуйте, скажите, почему блок не влезает в линию?

Question

[hujak_hujak]

https://jsfiddle.net/r3xxusz2/3/ - вот пример
Родитель - 1100px
4 li по 275px,
Почему 275 * 4 не 1100? Минимальное допустимое значение получается 272px

Comments

[hujak_hujak]

https://jsfiddle.net/r3xxusz2/5/ - вернее

Answer 1

[Yakov Vylegzhanin]

Не знаю как правильно это называется, но пробелы в HTML входят в общую ширину родителя.
https://jsfiddle.net/r3xxusz2/6/

Либо используйте display: flex для ul
https://jsfiddle.net/r3xxusz2/7/

Answer 2

[AlexandrKom]

элементы - Inline-block, если в html есть пробелы или переносы тегов элементов вокруг них будет margin 4px, для родителя установите fon-size: 0, для элементов font-size: 16 и ненужные margin'ы пропадут