无法使样式按钮与其旁边的文本对齐

Question

通常我不会在这里发布这么小的问题，但我已经尝试了我能想到的一切。我真的花了过去一小时试图做这项工作，垂直对齐，上下填充等等。我相信这很容易。

http://jsfiddle.net/vWzZz/

感谢您的帮助。

Answer 1

从按钮中移除“float：left”，它将居中。

如果在部署环境中不是这个选项，请将新div中的所有标签括起来，并为该div添加margin-top或padding-top。

Answer 2

用一些div包装然后尝试内联

.someButton,.someText
{
display:inline-block;
}
<div class = "someButton">
    <input type=button />
</div>
<div class = "someText">
  some text .....
</div>

Answer 3

在顶部使用负边距。由于添加了填充和其他框模型元素，该按钮比线上的其他项高。

margin:-4px .7em 0 0;