How to join columns with Div's

I want to merge the first column using Div's.

At moment I got it:

<div class='table'>
    <div class='row'>
        <div class='table'>
            <div class='cell'>One</div>
            <div class='cell'>Two</div>
        </div>
        <div class='cell'>Three</div>
    </div>
    <div class='row'>
        <div class='cell'>Four</div>
        <div class='cell'>Five</div>
    </div>
</div>

And

.container {
    display: table;
    border-collapse:collapse
}
.column {
display:table-row;

}
.cell {
    display: table-cell;
    border: 1px solid red;
    width: 120px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

the result is a table with three columns and five rows. I want that first column is merged. How can I do it?