vertical text center in

Question

So i am trying get 2 div-containers which both should contain centered text (Both x- and y-axis).

Thanks to Google and stackoverflow, i stumbled over a few workarounds w

Answer 1

use display: table for the (holder #left-menu element) and display: table-cell for the inner holder element and use this styles:

#left-menu .inner {
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

i have edit the left menu inside your fiddle: http://jsfiddle.net/7Rgvs/