Я пытаюсь создать таблицу CSS из одной строки с несколькими ячейками, текст которой расположен по центру. В основном поведение таблицы, которое я пытаюсь имитировать с помощью css, таково:
<table width="100%" height="54" border="0" bgcolor="red">
<tr>
<td width="20%">text</td>
<td width="20%">text</td>
<td width="20%">text</td>
<td width="20%">text</td>
<td width="20%">text</td>
</tr>
</table>
Чтобы мой код был семантически правильным, я хочу использовать div для достижения того же эффекта.
<div class="job_wrapper">
<div class="info">
<div>01</div>
<div>Campaign 001</div>
<div>DEMO Client</div>
<div>128</div>
<div>449</div>
</div>
</div>
Проблема в том, что обходной путь для отображения: ячейка таблицы в IE включала использование свойства float, которое переопределяет отображаемое значение для блокировки. поэтому я теряю вертикальное центрирование текста в ячейке таблицы.
Есть ли обходной путь для отображения: ячейка таблицы в IE, которая все еще дает мне возможность центрировать текст по вертикали в IE?
Приветствия