Muszę wyświetlić obraz w prawym górnym rogu elementu DIV (obraz jest „ukośną” wstążką), ale zachowując bieżący tekst zawarty w wewnętrznym elemencie DIV, jak przyklejony do jego górnej części.
Próbowałem różnych rzeczy, takich jak włączenie obrazu do innego div lub zdefiniowanie jego klasy, na przykład:
.ribbon {
position: relative;
top: -16px;
right: -706px;
}
<div id="content">
<img src="images/ribbon.png" class="ribbon"/>
<div>some text...</div>
</div>
ale bez szczęścia. Najlepszy wynik, jaki uzyskałem, to cały tekst przewijany w dół dla tej samej wysokości obrazu.
Dowolny pomysł?