HTML ile Resmin Üzerine Yazı Yazma

Merhaba arkadaşlar. Geçenlerde bir yazının üzerine HTML ile yazı yazmam gerekti ve internette gerekli kodu buldum, şimdi de sizlerle paylaşmak istiyorum.

<div style="background:url(RESİMLİNKİ) no-repeat;width:203px;height:51px;padding:13px 0 0 40px">Buraya yazı gelecek</div>

Kodumuz bu arkadaşlar. Yazı boyutuna göre padding değerini ayarlayabilirsiniz.
padding: TOP(üst)   RIGHT(sağ)   BOTTOM(alt)   LEFT(sol)

Önizleme aşağıdadır:

Yazı Buraya Gelecektir. 
Gördüğünüz Gibi Resmin Üstüne HTML ile Yazı Yazdık 🙂