Hogyan lehet szövegdobozt létrehozni?

A szöveg átírását úgy gondoltad, hogy átírod a HTML forrást, vagy úgy, hogy a böngészőben írod be a tartalmat? (Mint pl. itt a válasz küldésnél.) Mert az előbbi eset egyszerű. Csak létrehozol egy div-et, adsz neki háttérképet, majd azon belül ugye ott a szöveg:

<div style="background:url(' [link] width: 300px; height: 200px;">szöveg</div>

Az interaktívabb megoldás viszont kicsit összetettebb.

A szövegdoboz teljesen le kell, hogy takarja a képet, vagy egy bizonyos pozícióra kell helyezni?

A kép egy textúra, ami igazodhat a szövegdobozhoz, vagy a szövegdoboz méretének kell igazodnia a kép méretéhez?

Bocs, hogy ennyit kérdezek vissza, de nem egészen pontos a feladat specifikációja.

Mondjuk legyen egy 400x300 méretű képed, amibe egy 300x100-as szövegdobozt akarsz elhelyezni mondjuk a kép bal felső sarkától számított 50,150 koordinátákra.

<div style="background: url(' [link] width: 400px; height: 300px; position: relative;">

<div style="position: absolute; left: 50px; top: 150px; width: 300px; height: 100px;">szoveg</div>

</div>