У меня есть простой table
с 1 TD
с vertical-align:middle;
. Этот TD
содержит Image
:
<table>
<tr>
<td>
<img src='http://static.jsbin.com/images/favicon.png'/>
</td>
</tr>
</table>
Все нормально, а IMG
- по вертикали.
Но Если я добавлю другие элементы после этого изображения (например, span
):
<td>
<img src='http://static.jsbin.com/images/favicon.png'/>
<span>aaa</span>
</td>
Результат:
Вопрос
Не вертикальное выравнивание TD должно вертикально выравнивать все его дочерние элементы?
Как сделать span
для центровки также?
Н.Б.
Я не хочу добавлять еще TD
и не использовать float
с дополнением /margin. IE8 +.
Изменить
Желаемый результат: