网页上元素的对齐方式

Question

我在网页上制作了一个菜单，似乎无法正确排列元素。我有两个按钮和两个下拉菜单，下面附有图片。

我可以使用哪种CSS样式来使下拉菜单与“Go”按钮水平对齐？我尝试调整两个元素的底部和顶部边距，但这似乎不是我想要的。

以下是两个元素的当前CSS：

select.small {   //<- drop downs
    width: 120px; 
    margin-bottom: 0px; 
}

button.small{  //<- buttons
    margin-bottom: 0px;
}

任何输入都会受到赞赏，因为我对此很新。

Answer 1

将按钮的position设置为relative并添加：

top: 5px;

或任何需要的东西。

Answer 2

您应首先尝试vertical-align: middle;，但这取决于您的HTML。

Answer 3

您可以使用没有边框的表格并将这些元素存储在表格数据中。还使用填充样式使其看起来很舒适。