css - 在单行上获取文本和选择框

Question

需要什么 CSS 技巧才能在一行中获取文本并跟随选择框？

我如何控制特定选择框的细节（高度、重量）

它关于文本和右侧边栏顶部的选择：“范围内”和以下距离选择框。

查看此页面的实际操作

Answer 1

添加display: inline-block到您希望并排的两个元素。然后确保您的容器内有足够的宽度来并排接受它们。在这种情况下，我添加display: inline-block了下面的元素，然后相应地设置它们的宽度。

#top label {
display: inline-block;
font-weight: bold;
font-size: 12px;
}

.main_color select {
display: inline-block;
border-color: #e1e1e1;
background-color: #fcfcfc;
color: #919191;
width: 170px;
}