html - CSS : how to center a input inside a div

Question

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

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

我尝试将输入“您的电子邮件”居中，但是当您在页面上放大/缩小(或使用不同的设备，也就是智能手机)时，位置并不完全相同 >_<

首先，我只有一个输入和右侧的“确定”按钮，但两者都没有垂直居中(有时“确定”向上，有时向下...)。所以我试图制作一个黑色背景的 div 并将它们放在里面以隐藏两个输入之间的间隙，但情况更糟 :s

有人有想法吗？

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

Answer 1

答案是 line-height in css 检查这个 fiddle http://jsfiddle.net/elviz/qvzk1eoj/1/

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