Есть блок-родитель, шириной 600пикселей, в нем 3 блока по 200 пикселей с display:inline-block;
Но вот почему-то, они не влезают, и между ними какие - то отступы. margin - 0, padding - 0..
Что это за отступы? При float: такого нет, все 3 блока встают один за другим.
<div id="test-bg">
<div class="test-block">1</div>
<div class="test-block">2</div>
<div class="test-block">3</div>
</div>
#test-bg{
width: 600px;
height: 200px;
border: 1px solid red;
margin: 5px auto;
box-sizing: border-box;
}
.test-block{
width: 200px;
height: 200px;
display: inline-block;
border:1px solid orange;
box-sizing: border-box;
}