html中自动对齐格式,HTML格式对齐框中的按钮

我一直在刷新HTML，CSS和JavaScript，通过在一个我认为会有用的小项目上工作。这是一个基于我家里食谱的配方查找器。无论如何，我的问题是排列html页面中的一些元素。

有问题的HTML页面的部分是：HTML格式对齐框中的按钮

Add All

Remove All

>>

<<

我的CSS文件：

html, body {

height: 100%;

min-height: 100%;

}

select{

width: 300px;

}

因为所有的元素都在一个表单标签都内嵌显示。我尝试将按钮放在一个表格中，但表格格式将第一个选择放在一行上，表格放在一个新行上，第二个选择放在一个新行上。

这里是我的格式看起来像现在：

这里就是我想要它看起来像(全靠油漆)

我敢肯定，我可以找出如何中心的按钮垂直形式，但如果你能帮我解决这个问题，那我真的很感激！

+0

预计您至少会尝试为自己编写代码。堆栈溢出不是代码写入服务。我建议你做一些[**额外的研究**](http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) ，无论是通过谷歌或通过搜索，尝试和。如果您仍然遇到麻烦，请返回**您的代码**并解释您尝试过的以及为什么它不起作用。 –

+0

尝试更改HTML。添加包装divs和其他布局。 –