Html 在页面上居中放置div

我正在创建一个Joomla网站，它使用基于EF4框架的模板。在这里，我将主内容宽度设置为1170像素。 我想要实现的是在主页上创建一个包含a和的div。 但是，当我应用下面的代码时，它不会完全居中，正如您从所附的屏幕截图中看到的那样（图库上方文本的开头与文本本身之间的距离-在左侧-以及图库末端与文本末端之间的距离-在右侧-并不相同） 代码如下：

.home-text {
    width: 71%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}

这是截图

---

有什么线索吗？感谢您的关注

选择特定的div并像这样添加

选择特定的div并像这样添加

---

是否要将文本居中？看起来是这样

但是：

---

上面的圆圈不是。

align=“center”

不推荐用于HTML5。HTML5不支持align属性。请改用CSS。请删除重复的答案。所以那是不会被弄糊涂的。还是什么都没有？我不知道如何做到这一点！