Sin espacio entre bordes antes del primer elemento y después del último elemento

Question

Aug 26, 2011, 05:22 PM

Sin espacio entre bordes antes del primer elemento y después del último elemento

Tengo una mesa falsa. Utilizo la propiedad de espacio entre bordes para crear un espacio entre ellos. Pero esto también crea espacios antes de la primera celda y después de la última celda.

Me gustaría que creara un espacio solo entre esas dos columnas.

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