Gerek görüntü resmi üzerinde sağ üst köşeye bir div (görüntü bir "çapraz" şerit) ama tutmak geçerli metin içerdiği dahili bir div, yapışabilir üst gibi şu anda.

Başka bir div içinde resim dahil olmak üzere ya da onun gibi Alt sınıf olarak farklı şeyler denedim:

.ribbon {
   position: relative;
   top: -16px;
   right: -706px;
}

<div id="content">
   <img src="images/ribbon.png" class="ribbon"/>
   <div>some text...</div>
</div>

ama olmadan herhangi bir şans. Aldığım en iyi sonuç tüm metin resim aynı yükseklik boyutu için kaydırılan.

Herhangi bir fikir?

Teşekkürler Rastgele

Sadece bunu yapabilirsiniz:

#content {
    position: relative;
}
#content img {
    position: absolute;
    top: 0px;
    right: 0px;
}

<div id="content">
    <img src="images/ribbon.png" class="ribbon"/>
    <div>some text...</div>
</div>