Como mesclar células "table-cell"?

[Reinilton]

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;
}