[XML][CSS]Jak umieścić text na obrazku za pomocą css Opcje

[Blon_]

Mam pytanie jak za pomocą css umieścić tekst na obrazku..

[XML] pobierz, plaintext 
<div id="kartka"> 
     <h1><image src="Image/kartka.png"></h1>
 
 
   <div id="tekst">    
       	<div class="column">
              <div class="box">
              <p>bla bla blabla bla blabla bla blabla bla blabla bla blabla bla bla</p>
              </div>
 
          <div class="column">
              <div class="box">
               <p>bla bla bla blabla bla blabla bla blabla bla blabla bla blabla bla blabla bla </p>
                </div>
 
           </div>
           </div>
           </div> 
 
[XML] pobierz, plaintext 

męczę się a tekst w tym przypadku dwie kolumny jest pod obrazkiem albo obok nie wiem jak zrobić żeby był na nim np wycentrowany albo u dołu obrazku. Może ktoś pomódz jest jakiś sposób.

[Volume]

np.

[HTML] pobierz, plaintext 
<style type="text/css">
div#kartka {
position: relative;
}
p#tekst_na_obrazek {
position: absolute;
top: 5px;
left: 10px;
}
</style>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="kartka">
<h1><image src="Image/kartka.png" /></h1>
<p id="tekst_na_obrazek">tekst tekst</p>
</div>
[HTML] pobierz, plaintext