Html 中心二号<；第节>；相邻的标签

嗨，我对html和css非常陌生，我刚刚开始学习。我想把两个标签放在中间，这样它们就完全在页面中间，里面有所有的文本和内容。我几乎已经让它工作，但部分框有点左。。。我现在不知道如何修复它，所以我希望您能帮助：）

以下是css：

 section{
 text-align: center;
 background-color: #ffffff;
 border-style: dotted;
 float: left;
 width: 45%;
 height: auto;
 padding: 10px;
 margin: 5px;
}

然后，该站点看起来如下所示：

---

使用flexbox是实现这一点的现代而简单的方法。您可以通过为容器div（或div-main、article等的任何语义版本）提供以下属性来实现这一点：

#container {
    display: flex;
    justify-content: center;
}

<div id="container">
    <section>Content</section>
    <section>Content</section>
</div>

这将使垂直边距为0，内容水平居中

---

但是使用flexbox，它非常酷

酷。请记住，如果需要的话，可能不支持某些较旧的浏览器。

margin: 0 auto;