Выравнивание по вертикали после переноса текста

Question

У меня есть список таблицы с 2 столбцами.

Ширина списка фиксирована.Первый столбец содержит перенос текста, если он длинный.Второй столбец будет содержать изображение (например, текст)

Я бы хотел, чтобы второй TD вертикально выровнялся по центру и около первого TD с текстом, если он слишком длинный.*как это :.....................................................| Gestion des ||| утилизаторы |Coucou |.....................................................| Gestion |Coucou |.....................................................| BLA бла бла бла бла ||| бла бла бла бла бла бла | куку |бла бла бла бла бла ||.....................................................

Пример: http://jsfiddle.net/3db8U/

Проблема в первой строке моего списка

Answer 1

Если текст в первом столбце также должен быть посередине, используйте это:

table { table-layout:fixed; }
table td { vertical-align:middle; word-wrap:break-word; }

В противном случае также присвойте ему класс и переопределите его так:

table td.firstcolumn { vertical-align:top; }

Или используйте селектор :first-child: (но поддержка браузера все еще довольно скудна для этого)

table td:first-child { vertical-align:top; }

Answer 2

Похоже, вы хотите, чтобы 2-я ячейка (с изображением) была выровнена по вертикали к верху?

вы можете установить стиль 2-го td на vertical-align:top, например,

<tr cellpadding="0" >
    <td>...</td>
    <td style="vertical-align:top">
        <a href="#sub5-1">coucou</a>
    </td>
</tr>

jsfiddle