Вертикальный ALIGMENT не работает должным образом

Question

Live Demo: http://jsfiddle.net/9Y7Cm/1/

Я хочу, чтобы текст, который будет размещен на 50% от высоты изображения - так просто в середине окна.

Я много искал на SO и google - таких вопросов много, но друг друга касается еще одной проблемы ... Я был опробован решениями, предоставленными людьми, но никто из них не работал, поэтому почему я «Прошу вас здесь о любом решении!

Answer 1

заменить следующие с этим:

#column-content { 
    display: table-cell; 
    border: 1px solid red; 
    padding: 10px; 
} 

img{ 
    vertical-align:middle; 
} 

это изображение, которое вы хотите отцентрировать.

Answer 2

Просто установите vertical-align: middle на img.

http://jsfiddle.net/9Y7Cm/2/