title: Placing 4 html elements in every corner of a div
body: <p>Hi there and thanks for your help.
  I have a div (180px to 75px) in which I need to place 3 paragraphes and an image.
  Now I need to place those elements in all of the divs corners.
  It should look something like this -> (I'm not allowed to post pictures yet. I hope you'll understand it anyway.)</p>
  
  <p>This is what the div should look like (every color is an element), but I can't seem to get the description to the right.</p>
  
  <p><a href="http://i.imgur.com/bE87euS.png" rel="noreferrer">http://i.imgur.com/bE87euS.png</a></p>
  
  <p>But no matter how I play around with the "display: inline-block" or the "float" I can't get it to work.</p>
  
  <p>I hope someon of you can give me the answer?</p>
  
  <pre><code>&lt;div style="width:180px; height: 75px; background-color: green;" id="achievement"&gt;
      &lt;div&gt;
        &lt;p style="display: inline-block; margin: 0px" id="title"&gt;Title Title Title&lt;/p&gt;
        &lt;p style="margin:0px; float:right;" id="exp"&gt;500 exp&lt;/p&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;img style="padding-left: 10px;" id="img"width="50" height="50" src="image.png"/&gt;
        &lt;p style="float:right; margin: 0px;" id="desc"&gt;Bla Bla Bla this is a description&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>(I use an extern css file of course. I just used the style tag to make it easier for you to understand.)</p>