Html 垂直和水平定心按钮

我有一个很大的“立即购买”按钮，在我的网页上设置为100宽度。文本在X轴上居中（水平），但在y轴上不居中（垂直）。这是我的班级：

.col-boosting .btn-pay-rank {
height: 65px;
font-weight: bold;
background: #e06b38;
border: none;
box-shadow: 0 7px 0 0 #c7511f;
text-align: center; 
line-height: 65px; }

更多信息，这里是一个按钮的屏幕截图。

谢谢。

将“立即购买”放在元素中：

<p>Buy Now</p>

---

将按钮放在父div中并使用以下css：

正文{
背景#f06d06；
字号：80%；
填充：20px；
}
.家长{
位置：相对位置；
背景：白色；
高度：200px；
宽度：60%；
保证金：0自动；
填充：20px；
调整大小：两者；
溢出：自动；
}
.家长组{
背景：黑色；
颜色：白色；
宽度：200px；
高度：100px；
余量：-70px0-120px；
位置：绝对位置；
最高：50%；
左：50%；
填充：20px；
}

我是一个块级元素，具有固定的高度和宽度，垂直居中于父元素。

发布更多代码-问题可能不在本节中。链接jsFoDeles将是最好的方式来展示这一点：如果浏览器支持为您工作，请考虑使用FraceBox。

p {margin:0 auto;vertical-align:middle;}