Positionering af billeder i css

For at få teksten oven på billede, skal du lave et <div> tag, hvor du anvender det billede u vil have som baggrund. og VOILA så kan du skrive på dit billede.

Du justere teksten, med en padding, så kan du selv justere hvor du vil have teksten skal stå :-).
Held og lykke!

Du kan også lave et div tag rundt om billedet den div skal være position: relative, inden i den div kan du så lave fx. et <p>med din tekst</p> som du så laver position: absolut; top: 20px; left:20px; bare for at tag nogen positioneringer, på den måde kan du flytte din tekst henover dit billede uden at det skal være en baggrund, og du kan på den måde gøre det mere dynamisk.

dvs.
<div style="position: relative">
<img src="mit_billede.jpg">
<p style="position: absolute; top: 20px; left: 20px">min tekst her</p>
</div>