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

Question

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

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

关于右侧边栏顶部的文本和选择:“以内”和下面的距离选择框。

See this page in action

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;
}