У меня есть поддельная таблица. Я использую свойство border-spacing, чтобы создать пространство между ними. Но это также создает интервал перед первой ячейкой и после последней ячейки.
Мне бы хотелось создать пространство только между этими двумя столбцами.
HTML:
<div class="table">
<div class="cell"></div>
<div class="cell"></div>
</div>
CSS
.table {
display: table;
width: 100%;
border-spacing: 11px 0;
border: 1px solid #222;
}
.cell {
display: table-cell;
width: 50%;
height: 20px;
border: 1px solid #999;
background: #ccc;
}
JSFiddle: http://jsfiddle.net/ACH2Q/