Question

I am trying to place some text over a button image. I manage to align it center from left to right on the button, but vertical alignment doesn’t do the trick for the rest of it. Is there a way in the CSS in order to be able to center that text vertically.

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

Answer 1

If it is a single line of text, you can set line-height.

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

It is much more difficult to vertically center multiple lines of text.