Откуда берется лишний отступ между блоками?

Question

[Вячеслав]

Разбираюсь в простейшей верстке. Код.
Не могу понять, откуда берется лишний отступ. На скрине он отображен серым цветом, слева от оранжевого.

Answer 1

[iBird Rose]

css-live.ru/articles/zagadochnye-otstupy-mezhdu-in...

в общем задай для .container к примеру font-size: 0;
а у самих .block верни font-size

Comments

[Kovalsky]

В примере между инлайн элементами три пробельных символа - перенос строки и две табуляции. Пробельные символы между инлайн элементами сокращаются до одного, он и виноват в отступе. Чтобы избавиться от него можно конечно обнулять размер шрифта у контейнера и восстанавливать у каждого блока, но такой подход ломает механизм наследования размеров шрифта. Гораздо проще пользоваться одним из множества способов минификации HTML, тогда проблемы "таинственного отступа" вообще не возникнет.

[iBird Rose]

Никита Полевой: rem будет работать.
а вообще я не просто так статью скинул где описаны другие способы. если автору не понравится - сам выберет из статьи понравившийся.

[Kovalsky]

iBird Rose: rem будет работать, только это всё равно ломает наследование.