css – 按钮上的中心文本

我知道之前已经问了几次,但是在这种情况下解决方案似乎没有.基本上,我希望“play”这个词在这个按钮上垂直和水平居中.从横向上看,文本本身就是行为,但是纵向,无论我尝试什么,它总是比它应该低一点,在我测试它的所有浏览器中.有没有人有什么建议？谢谢

<style type="text/css">
button {
font-family: Verdana, Geneva, sans-serif;
color: white;
border-style: none;
vertical-align: center;
text-align: center;
}

button:hover {
cursor: pointer;
}

button::-moz-focus-inner /*Remove button padding in FF*/
{ 
border: 0;
padding: 0;
}


.start {
background-color: #0C0;
font-size: 2em;
padding: 10px;

}


</style>
<button type="button" class="start">play</button>

.start上的填充很可能是你必须要玩的东西,虽然它的设置方式,它应该以它为中心,但你可以把它分解为填充：8px 10px 10px 10px;

您也可以在.start下检查并设置行高,看看它是否有帮助.