Дисплей: таблица-ячейка - изменение Высота?

Question

У меня есть эта простая структура:

<div class="wrapper"> 
    <div class="row"> 
     <div> 
      <pre>aaa 
       aaa 
       aaa 
       aaa 
      </pre> 
     </div> 
    </div> 
    <div class="row"> 
     <div> 
      <pre>1 
       1 
       1 
       1 
       1 
       1 
       1 
       1 
       1 
       v 
       1 
       1 
       1 
       1 
       1 
       1 
       1 
       v 
       1 
       1 
      </pre> 
     </div> 
    </div> 
</div> 

wrapper класса имеет display: table и 2 .row дивы имеет display: table-row;

Внутри этих дивов есть div, который имеет display: table-cell;

Я попытался установить height на пунктирный div, но не удалось.

Вопрос: как я могу установить высоту для разбитого div?

NB

• Обертка/таблица не имеет фиксированную высоту.
• Я хочу использовать display:table/table-row/table-cell макет. (без JS или poistion абсолютное и т.д.)

Full Jsbin

Answer 1

Добавьте следующий параметр:

.row:last-child > div { 
    display: block; 
} 

jsFiddle Demo