html - IE は常にテキストを TD の中央に配置します

Question

IE 9 では、次の HTML があるとします。

<tr>
    <td>
        <i>DO, Medical Epidemiologist</i>
    </td>
</tr>

テキストは常に中央に配置されます。Chrome と Firefox では、左揃えになります。IE を同じように動作させるにはどうすればよいですか?

Answer 1

配置を指定していないため、ブラウザは必要なデフォルトを使用できます。

これは通常、親要素から継承されますが、特に古いブラウザーでは、正確な継承規則が常に一貫しているわけではありません。

純粋な HTML でこれを修正するには、次のalignような属性を追加します。

<tr><td align="left"><i>DO, Medical Epidemiologist</i></td></tr>

ただし、より良い修正は、次のように CSS を使用することです。

td {
    text-align: left;
}

Answer 2

おそらく、IE 開発者ツール コンソールを使用して、CSS が何であるかを確認する必要があります。私は現時点で Windows マシンを使用していないため、その方法を率直にお伝えすることはできませんが、更新に取りかかる前に他の誰かがこれを記入してくれるかもしれません。

私の最初の考えは、内部ブラウ​​ザのスタイルシートの問題がどこかにあるということです...