Javascript 如何使用css移动div upp使其居中

我有一个下拉列表和一些圆形的div：见这里

如何将圆圈向上移动一点，使其与下拉列表居中

我试过：

 #circles{
 
    display: inline-block; 
    float: left; 
    width: 70%; 


}

---

尝试使用css的顶部/边距顶部属性

#circles{
    display: inline-block; 
    float: left; 
    width: 70%; 
    top: someValue px;
}

或

---

你可以试着用另一个div来包装所有的东西，然后给它

display: flex;
align-items: center;

---

您需要将它们全部放在一个容器中，并设置以下内容

    display: flex;
    align-items: center;
    justify-content: center;

请提供尝试垂直对齐：中间；圆圈。

    display: flex;
    align-items: center;
    justify-content: center;