CSS ：如何在 div 中居中输入

Question

我在尝试将 div 中的输入垂直居中时遇到一些问题。我用不同的位置、边距、对齐等尝试了很多小时...

关于代码的一些细节： 网站：http://goo.gl/bDjv8C Section : contact (最后一个，在底部)

我尝试将输入居中 "your email" 但是当你在页面上缩放 in/out 时（或使用不同的设备，也就是智能手机），位置并不完全相同 >_<

首先我只有一个输入和右侧的 "OK" 按钮，但两者都没有垂直居中（有时 "OK" 向上，有时向下......）。所以我试图制作一个 div 的黑色背景并将它们放在里面以隐藏两个输入之间的差距，但情况变得更糟：s

有人有想法吗？

PS: 这不是水平对齐问题，而是垂直对齐问题。

Answer 1

答案是行高 css 检查这个 fiddle http://jsfiddle.net/elviz/qvzk1eoj/1/

       .sample{
            height: 50px; 
            background-color: red;
           line-height: 50px;
            }