Css 使用@mediascreen将我的促销活动置于中间位置

我的网站正面有一个Wordpress promoslider插件，它位于自己的div中，css如下所示：

#content.promoslider {
 float: left;
 margin-left: 16%;
 height: 420px;
 width: 840px;
 background-color: #3397cc;
 margin-top: 20px;
 margin-bottom: 35px;
 border: none;
 }

在我的笔记本电脑上，它位于中央，看起来不错，但在不同大小的显示器上，主要是较宽的显示器上，它不在中央。你可以在我的网站主页上看到

有人能告诉我如何使用@mediascreen根据在哪个显示器上查看来调整左边距吗？我有点困惑

---

非常感谢

如果您希望它以不同的分辨率为中心，请将页边距设置为“自动”

#content.promoslider {
 height: 420px;
 width: 840px;
 background-color: #3397cc;
 margin: 20px auto 35px auto;
 border: none;
 }

---

谢谢，我会试一试：