Html 将一个div与另一个div对齐

好的，这是我的网站。下面是我需要帮助的具体代码

CSS:

5个圆圈中的一个的HTML（我认为只显示一个圆圈会节省空间，但它们都使用相同的HTML，并且都包装在相同的pagemenu div中）

---

好的，现在问题来了。如果你看我的视线（链接到上面），基本上我有5个圆div，它们在页面顶部（标题下）以W的形状对齐。问题是W在页面上并不总是居中对齐，在查看chrome上的源代码后，我意识到这是因为“气泡”在气泡包装器内并非始终水平居中。有人知道我如何修复它，使气泡div始终在气泡rapper div内水平对齐吗？

Add

margin:auto到你的
.bubble
类中

.bubble {
background-color: white;
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: black;
width: 250px;
height: 250px;
margin: auto;
}

A边距：0自动；到您的.bubble类将执行修复：）

   <div class = "pagemenu">

        <div class = "bubblewrap">

          <div class="bubble">
            <div class="text">
              <a href ="#aboutme">ABOUT</a>
            </div>

          </div>

        </div>
   </div>

.bubble {
background-color: white;
border-radius: 50%;
border-style: solid;
border-width: 5px;
border-color: black;
width: 250px;
height: 250px;
margin: auto;
}