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

Question

Демонстрация в реальном времени: http://jsfiddle.net/9Y7Cm/1/

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

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

Answer 1

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

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

Answer 2

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

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

img{
    vertical-align:middle;
}

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