Как убрать отступ между DIV блоками?

Question

[Влад]

Посмотрите, пожалуйста, не понимаю откуда берётся отступ между блоками? из-за него 4 элемента с width 25% не помещаются на 1 строке. Пациент: 123laen.ee/bystryj-kredit

Answer 1

[n7olkachev]

Из-за того, что у вас inline-block, между блоками есть пробельные символы. Можете сделать .my-teasert { font-size : 0 }, например. Или используйте float.

Comments

[Влад]

поясните, пожалуйста.. inline-block всегда вставляет пробельные символы или я что-то не предусмотрел?

[Андрей Б.]

Влад всегда

[Влад]

Андрей Б.: спасибо

[n7olkachev]

Влад: Андрей Б.: он не сам по себе вставляет пробелы, разумеется. У вас переход на новую строку в коде, который и считается пробельным символом. Если в коде тэги будут идти прямо друг за другом, таких проблем не будет, но код, конечно, выглядеть будет страшно.

[Kovalsky]

n7olkachev: кстати, так как font-size фейлится если нужна вложенность, самое простое решение для тотального экстерминатуса пустых текстовых нод это минифицикация кода разметки.

Answer 2

[Максим]

из-за display: inline-block

Answer 3

[ant1vit]

.my-teasers .layers-masonry-column{ margin-right:-4px}

Answer 4

[Дмитрий Христоев]

<div>text</div><!--
--><div>text</div><!--
--><div>text</div><!--
--><div>text</div>