CSS或HTML：将两个圆div放在另一个div旁边

我有两个圆div，我想做的是把它们放在旁边。我已经看过类似的问题，但它们没有提供足够的信息

以下是我想做的：

如何将这两个圆圈放在图中所示的另一个div旁边

我试过了

style="float:right"

但是它最终在最右边，而不是我想要的。

---

欢迎任何想法。

您可以使用CSS属性

display:inline

，该属性将元素显示为内联元素

HTML

<select id="dropdown" name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<div id="circles">
  // HTML code for circles here.
</div>

.dot{
高度：25px；
宽度：25px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
}
#下拉列表，#圆圈{
显示：内联块；
垂直对齐：中间对齐；
}

多特先生{
高度：25px；
宽度：25px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
}
#下拉列表，#圆圈{
显示：内联块；
垂直对齐：中间对齐；
}
沃尔沃汽车
萨博
梅赛德斯
奥迪

对圆使用内联显示，对父项使用灵活显示。请看，谢谢，这就是我要找的！

#dropdown, #circles{    
    display: inline;
}