網頁上的元素對齊

Question

我有一個網頁上的菜單，似乎無法獲得正確排列的元素。我有兩個按鈕和兩個下拉菜單，下面附有圖片。

我可以做什麼樣的CSS樣式的，這將使下拉菜單與「轉到」按鈕水平對齊？我試着調整兩個元素的底部和頂部邊距，但這似乎並不是我所期待的。

下面是兩個元素的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

您可以使用沒有邊框的表格並將這些元素存儲在表格數據中。另外使用填充樣式，使其看起來很舒適。