テキストとイメージを一貫していないブラウザ間で一貫して配置しない

Question

テキストとイメージ要素を表のセル内に垂直に配置しようとしています。私はalign="absmiddle"を使用していますが、IEでは動作しますが、Chromeでは動作しません。

ChromeとIEの中間でテキストと画像を縦に並べるにはどうすればよいですか？

<tr> 
    <td height="17" bgcolor="#550000"> 
     <div align="center"> 
      <strong><font color="#000000" size="3">Text</font></strong> 
      <img src="Image.jpg" alt="US Image" width="30" height="15" border="0" align="absmiddle"> 
     </div> 
    </td> 
</tr>​ 

デモ：

は、ここでは、コードのIEだけでなく、common HTML mistakeあるhttp://jsfiddle.net/8xTta/

Answer 1

absmiddleを使用するだけでなく、この方法を使用悪い習慣と考えられますべき常にコンテンツとは別のスタイル、マークアップに埋め込まれたインラインスタイルの代わりに外部スタイルシートを使用します。

この問題を解決してブラウザ間の互換性を実現するには、align:absmiddle;のルールを置き換えてvertical-align: middle;を代わりに使用してください。

ここではあなたにとって興味深いかもしれないreference on vertical alignmentです。