How to place text centered over an image?

Answer 1

You can use margin-top: 5px; or padding-top:5px; (depending on how your div is setup) in the div where you have your text to push it down.

Cheers

Answer 2

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.

Answer 3

Just put the code

line-height:28px;

in your class.