Html 在Wordpress中通过CSS将徽标居中

我正试图在Wordpress的画布上居中放置一个站点（）的徽标。我正在使用这个CSS：

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

不幸的是，它不起作用。我可以像这样手动移动徽标，不过：

#logo img {
display: block;
margin-left: 330px;
}

但是，通过强制使用左边框，它破坏了移动站点（将徽标移动3英寸，需要滚动）

---

解决这个问题的最佳方法是什么？

在您的站点中，一个id为“logo”的元素被css向左浮动

---

移除此元素的

float:left

声明。

为什么是画布？并为img设置宽度。我检查了站点，徽标没有居中，因为它是向左浮动的。移除#logo的float属性，它应该居中。