html - CSS を修正して img align 要素を置き換えます

Question

私のページhttp://www.imbued.co.uk/のフッターで、W3C コンプライアンス テストでエラーが発生しています。当然のことながら、align 属性をインラインで使用して、ソーシャル メディアのアイコンを対応するテキストに垂直方向に揃えています。 . 使用する正しい CSS の代替は何ですか? align 属性を削除すると、テキストと画像の両方が中央に配置されず、明らかに中央に配置されたフロートがありません。

Answer 1

いくつかのオプションがあります。おそらく最善の方法は、使用する要素にスタイルを設定することですmargin: auto;

margin-left: 50%;
margin-right: 50%;
margin: auto;

たとえば、ある画像の場合、次のようになります。

<img style='margin-left: 50%; margin-right: 50%; margin: auto;' src=... />

もちろん、css をクラスに配置し、そのクラスの中心に配置するクラスを設定する必要があります。css クラスは次のようになります。

.centered {
    margin-left: 50%;
    margin-right: 50%;
    margin: auto;
}