CSS:如何将输入集中在div中

Question

我试图在div中垂直居中输入时遇到一些问题.我用不同的位置,边距,对齐等尝试了这么多个小时......

关于代码的一些细节:网站:http://goo.gl/bDjv8C 部分:联系(最后一个,在底部)

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

首先,我只有一个输入和右边的"确定"按钮,但两者都没有垂直居中(有时候"OK"上升,有时下来......).所以我试图制作一个黑色背景的div,它们在里面以隐藏两个输入之间的差距,但它变得更糟:s

有人有想法吗？

PS:这不是水平对齐问题,而是垂直问题.

Answer 1

答案是CSS中的行高检查这个小提琴 http://jsfiddle.net/elviz/qvzk1eoj/1/

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