Because they are inline-block, they adopt some of the properties of inline text: since there is white space between the divs in the HTML, it's also appearing in the rendered document. You could edit the HTML to remove the space (as seen here: http://jsfiddle.net/barney/d2zh48cy/) or use some of the more interesting techniques described in this article: http://css-tricks.com/fighting-the-space-between-inline-block-elements/ On 13 Oct 2014 18:50, "Артур Истомин" <art.is...@yandex.ru> wrote:
> I don't understand, why there is a space between two <div>? There is no > margin, no padding (besides <body>'s 8px paddings). Why and how to get > rid of them? > > http://jsfiddle.net/s8jyxsdr/2/ > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/