Мне нужно отобразить изображение в правом верхнем углу div (изображение представляет собой «диагональную» ленту), но сохранить текущий текст, содержащийся во внутреннем div, как если бы он был прикреплен к его верхней части.
Я пробовал разные вещи, например, включение изображения в другой div или определение его класса, например:
.ribbon {
position: relative;
top: -16px;
right: -706px;
}
<div id="content">
<img src="images/ribbon.png" class="ribbon"/>
<div>some text...</div>
</div>
но безуспешно. Лучший результат, который я получил, - это прокрутка текста вниз с той же высотой изображения.
Любая идея?