List items with same height

Question

I have created a fiddle: http://jsfiddle.net/pQZ8f/

I want to have both the list items to be of same height without setting height manually. I want it to auto grow.

Answer 1

List is set as table and it will contain table properties. for list item when you set table-cell they will get table cell properties and by default all table cells will get same height.

.list {
     display: table;

    .list-item {
       display: table-cell;
    }
}





    

        
Heading
        
Details in text
    
    

        
Heading 2
    
    

        
Heading 2
        
this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text this is text