html - 更正 CSS 以替换 img align 元素

Question

在我的页面http://www.imbued.co.uk/的页脚中，我在 W3C 合规性测试中遇到错误，这是可以理解的，因为我使用内联对齐属性将社交媒体图标与其相应的文本垂直对齐. 什么是正确的 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;
}

Answer 2

align最好翻译成 CSStext-align

所以

<div align="left">text</div>

变成

<div class="left">text</div>

并在css：

.left {
text-align:left;
}