Position text over image

Question

I have this image:

But i want to place text in the middle like this:

Answer 1

You can also use absolute positioning and z-index :

Your Test

And in the CSS file :

.background-image { z-index: -1; }
.overlay-text { position: absolute; top: ??px; left: ??px; }

Some nice references : http://www.w3schools.com/Css/pr_pos_z-index.asp