[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.

[david8213]

Jak umiescić tekst w prawym górnym rogu obrazka

[XML] pobierz, plaintext 
 
<style>
 
 
 
.img_my { 
background: #008bc4; 
position: absolute; 
top: 0; right: 0; 
bottom: 0; left: 0; 
margin: auto; 
max-width:100%;
max-height:100%;
padding:12px;
background-color: red;
}
 
.container {
padding:2px; 
background-color: inherit; 
position: absolute; 
height:70%;
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
margin: auto; 
 }
 
 
p#tekst_na_obrazek {
position: absolute;
top: 5px;
left: 100px;
}
 
 
</style>
 
 
<div class="container">
<img class="img_my" src="03.jpeg">
<p id="tekst_na_obrazek">tekst tekst</p>
</div>
 
[XML] pobierz, plaintext 

Ten post edytował david8213 22.03.2020, 07:11:20