Совместите изображения и текст в одной камере вертикально?

[Ahmad]

У меня есть небольшая 2x2 HTML таблице. Каждая клетка содержит одно изображение и один кусок текста.

Пример изображения:

Как вы можете видеть, текст вертикально под вертикально Средний уровень изображения. Как я могу сделать текст по вертикали в центре, относительно изображения на левой?


Я попробовал несколько различных значений `display`, но я не могу это исправить.

JSFiddle: Для просмотра ссылки Войди или Зарегистрируйся

 

[Trusteg]

Для просмотра ссылки Войди или Зарегистрируйся

 

[Ahmad]

Для просмотра ссылки Войди или Зарегистрируйся

Спасибо! Какие изменения вы сделали, чтобы исправить это?

 

[Trusteg]

Спасибо! Какие изменения вы сделали, чтобы исправить это?

#nst_block #social_body table a {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 16px;
    font-family: inherit;
    vertical-align: baseline;
    color: #a2b2c6;
    text-decoration: none;
    line-height: 2.3em;
}
#nst_block #social_body table td {
    background: 0;
    border: 0;
    height:2.3em;
}

1)changed vertical-align from baseline to middle, deleted line-height string;
2)added height to cell.

P.S. For thanks, you have button "I like" (Мне нравится).
P.S.S. Google translate works bad, next time try to ask something using english language.