Hi

Im wondering how I can put text over an image with html and css? That also responsive.

 

 

Set the image as a background then just add the text.

In the html or in the css?

If a write the background code in css it is not responsive..

In the html I have done it like this:

<div class="col-12 right">
    <div class="main">
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis turpis euismod nulla facilisis, volutpat convallis lectus aliquam. Aliquam varius urna aliquet viverra consequat.</p>
    </div>
  </div>

If I add the backgrund picture like this nothing happens.

<div class="col-12 right">
    <div class="main">
     <p style="background-image: url('picture.jpg');">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis turpis euismod nulla facilisis, volutpat convallis lectus aliquam. Aliquam varius urna aliquet viverra consequat.</p>
    </div>
  </div>

 

 

Edited October 16, 20223 yr by hallonpaj

I found a solution so ignore what I wrote.