Problema al aplicar css para igualar columnas

[superweb360]

margin y padding no son aplicables cuando haces display:table. En su lugar usa border-spacing.

Código HTML:

<div class="table">
    <div class="row">
        <div class="cell">Cell 1</div>
        <div class="cell">Cell 2</div>
    </div>
</div>
 

Código CSS:

.table {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
}
 
.row { display:table-row; }
 
.cell {
  display:table-cell;
  padding:5px;
  background-color: gold;
}