title: Placing an image to the top right corner - CSS
body: <p>I need to display an image on the top-right corner of a div (the image is a "diagonal" ribbon) but keeping the current text contained in an internal div, like stuck to the top of it.</p>
  
  <p>I tried different things as including the image in another div or defining its class like:</p>
  
  <pre><code>.ribbon {
     position: relative;
     top: -16px;
     right: -706px;
  }
  
  &lt;div id="content"&gt;
     &lt;img src="images/ribbon.png" class="ribbon"/&gt;
     &lt;div&gt;some text...&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but without any luck. The best result I got was all the text scrolled down for the same height size of the image.</p>
  
  <p>Any idea?</p>