如何将文本置于图像中心？

Question

我试图在按钮图像上放置一些文字.我设法在按钮上从左到右对齐它,但垂直对齐并不能完成剩下的工作.CSS中是否有一种方法可以将文本垂直居中.

.selectedTabOnPlacementMenu
{
    background: url('/Content/Images/Blank_Yellow.png') no-repeat;
    width:88px;
    height:28px;
    text-align:center;
    font-weight:bold;
}

Answer 1

如果是单行文本,则可以设置行高.

<div style="height:50px;background-color:#ccc;">
    <p style="line-height:50px;">test</p>
</div>

垂直居中多行文本要困难得多.