Vertical Align with Absolute Positioning

Question

In the following code I\'m trying to make the elements within the green div.middle elements to vertically align to the middle.

---

I\'ve tried the table-cell appro

Answer 1

add a parent div with display:table and height:100% to .table-cell will fix this

So the html structure wil be :

   

        

           

               
test
           
        
    
  

add this Style:

#sidebar .table{
   display:table;
   height:100%;
}

See jsfiddle I have modified