Overlay text

Example how to overlay text on an image

by veger

HTML

<div class="container">
  <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Karte_Bundesrepublik_Deutschland.svg/300px-Karte_Bundesrepublik_Deutschland.svg.png" />
  <div class="text1">Text1</div>
  <div class="text2">Text2</div>
</div>

CSS

.text1 {
  position:absolute;
  left:50px;
  top:100px
}
.text2 {
  position:absolute;
  left:200px;
  top:50px
}