Как с помощью дивов сделать табличный дизайн для вертикального выравнивания

С помощью этого кода можно сделать вертикальное выравнивание в контейнерах DIV

Стиль:

#wrapper{
    display: table;
}
#cell{
    display: table-cell;
    vertical-align: middle;
}
.content {
    padding:10px;
}

хтмл код:

<div id="wrapper">
   <div id="cell">
      <div class="content">
         1 ячейка
     </div>
   </div>
   <div id="cell">
      <div class="content">
         2 ячейка
      </div>
   </div>
</div>
<div id="wrapper">
   <div id="cell">
      <div class="content">
         2 строка. 1 ячейка
     </div>
   </div>
   <div id="cell">
      <div class="content">
         2 строка. 2 ячейка
      </div>
   </div>
</div>