CSSで水平方向にドロップダウンを選択

Question

3つのドロップダウンと2つのボタンがあるフォームがあります。しかし、3つのドロップダウンと2つのボタンを水平に揃えることはできません。私はマージントップとマージン左をそれぞれのドロップダウンとボタンに入れようとしましたが、MozillaやMacbook Chromeのような他のブラウザで見ると、html要素が乱れてしまいました。この問題を解決する方法

？

はここで完全なCSSです：https://jsfiddle.net/mj9okkzd/5/

#sl_form { 
    width: 100%; 
    border: 1px solid #CCC; 
    background: #FFF; 
    box-shadow: 0 0 2px rgba(0,0,0,0.3); 
    border-radius: 3px; 
    padding: 1em 0.75em 1.25em 0.75em; 
} 

所望の出力：各要素について

Answer 1

（ドロップダウンのボタン）あなたは彼らのトップアラインメントおよび側アライメントを設定することができます。

例：

margin-left: Distance in px 
margin-top: Distance in px