Como mesclar células "table-cell"?

Estou usando divs como tabela e quero mesclar células "table-cell"?

No exemplo abaixo tem uma tabela com duas linhas e duas colunas e tenho que mesclar as duas células da segunda linha

/////////  HTML  //////////////

<div class=tabela>
 <div class=linha id=nome>
 <div class=celula>
 <p>um</p>
 </div>
 <div class=celula id=txtNome>
 <p>dois</p>
 </div>
 </div>

 <div class=linha>
 <div class=vazia>
 </div>
 <div class=botoes>
 <p>tres</p>
 </div>
 </div>
</div>

	///////  CSS  ////

.tabela{
 display: table;
}

.linha{
 display: table-row;
}

.celula{
 display: table-cell;
}