Html 将CSS框居中？

HTML:

它看起来像什么：

我想让它居中，我该怎么做？尝试在线查找，但没有真正起作用。

要将div（和许多其他类型的元素）居中，请使用以下CSS代码：

.cont {
        position: relative;
        margin-top: 3%;
        background-color: transparent;
        width: 65%;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 1px;
        -moz-box-shadow: 0px 0px 11px #000000;
        -webkit-box-shadow: 0px 0px 11px #000000;
        box-shadow: 0px 0px 11px #000000;
        font-family: 'Open Sans', sans-serif;
        color: #070707;
        font-size:15px;
        font-weight:300;
        text-align:justified;
        line-height:1.5;
}
p {
    margin-left: 8px;
    margin-right: 8px;
}

确保指定宽度，否则div不会居中

编辑 要在不指定的情况下将元素居中，可以执行以下操作（但不确定是否在所有浏览器中都适用）：

旁注

---

不要使用中心标记，它已被弃用。你可以阅读更多关于它的信息。

这就是你想要的吗？链接：

CSS:

body { text-align:center; }
.cont { display:inline-block; }

---

如果需要在页面上垂直和水平居中放置div，请使用：

.cont
{
    position: relative;
    margin: 0 auto;
}

如果需要将其水平居中，请使用：

div {
    width: 100px;
    height: 100px;
    background-color: #000000;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

只需定义元素的宽度，在本例中，我添加了200px作为示例

---

有没有办法使它永久居中，也就是说我以后不必更改它？我可以放一些自动居中的东西来代替数字吗？我相信它可能是CSS中的

center

。

.cont
{
    position: relative;
    margin: 0 auto;
}

div {
    width: 100px;
    height: 100px;
    background-color: #000000;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

center
{
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}