Одним из решений является изменение отображаемого значения от inline-block
до table-cell
для элементов-потомков div.item
:
.row {
border: 1px solid red;
display: table;
border-spacing: 20px; /* For controlling spacing between cells... */
}
.item {
background: rgba(0,0,0,0.1);
display: table-cell;
}