水平对齐CSS中的下拉选项

Question

我有一个包含3个下拉菜单和2个按钮的表单。但我不能水平对齐3个下拉菜单和2个按钮。我尝试在每个下拉列表和按钮中放置margin-top和margin-left但是当我在其他浏览器中查看时，如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