正确居中图像（边距自动？）

Question

我需要将徽标置于内容框上方，中心对齐。

目前，我使用以下代码：

#logo img {
margin: -12em 0 4em 17em;
}

虽然这适用于计算机，但它会在手机上破坏。见截图。

如何在两个平台上获得我想要的功能？我试过margin: 0px auto;无济于事。

网址：http://ec2-174-129-169-80.compute-1.amazonaws.com/

Answer 1

您希望图片居中吗？那么为什么#logo在layout.css第89行设置为float: left;？

Answer 2

从#logo中删除float：left，然后转到#logo img并添加：

#logo img{
    margin-left: auto;
    margin-right: auto;
}