Pas d'espacement avant le premier article et après le dernier article

J'ai un faux tableau. J'utilise la frontière de l'espacement de propriété pour créer un espace entre eux. Mais cela crée aussi un espacement avant première cellule, puis, après la dernière cellule.

Je tiens à créer un espace entre les deux colonnes.

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/

source d'informationauteur Ragnis