更正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;
}

Answer 2

align最适合css text-align

所以

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

成为

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

和css：

.left {
text-align:left;
}