title: I couldn't float my image to the right without it overlapping
body: <p>I have multiple images that need to float to the bottom right of each "entry" without overlapping the next "entry":</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.body {
    border-style: solid;
    border-color: green;
    border-width: 3px;
    background-image: url(images/background.gif);
    margin-right: 10%;
    margin-left: 10%;
  }
  
  #top {
    border-style: solid;
    border-color: red;
    border-width: 2px;
    background-color: white;
    text-align: right;
  }
  
  .good {
    border-style: solid;
    border-color: orange;
    border-width: 2px;
  }
  
  .entry {
    border-style: solid;
    border-color: blue;
    border-width: 3px;
    padding: 5px;
    margin-top: 10px;
    background-color: rgb(196, 226, 255);
  }
  
  .date {
    border-style: solid;
    border-color: purple;
    border-width: 2px;
  }
  
  p {
    border-style: solid;
    border-color: black;
    border-width: 2px;
  }
  
  #footer {
    border-style: solid;
    border-color: yellow;
    border-width: 3px;
    background-color: white;
  }
  
  .entry img {
    overflow: hidden;
    float: right;
    clear: both;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="top"&gt;
    &lt;h1&gt; Eating Journal &lt;/h1&gt;
    &lt;h2 class="good"&gt; Good things to eat and where to find them &lt;/h2&gt;
  &lt;/div&gt;
  
  &lt;div class="entry"&gt;
    &lt;h2&gt;&lt;span class="date"&gt;09/06/201&lt;/span&gt;: Dosa &lt;/h2&gt;
    &lt;p&gt;
      Dosas are a favorite in India. They are made from a chickpea and rice batter that is fried on a griddle. In India these are very cheap . . unfortunately, they will cost you in Toronto.
    &lt;/p&gt;
    &lt;p&gt;
      &lt;img src="images/dosa.jpg" alt="The Dosa"&gt;
    &lt;/p&gt;
    &lt;p&gt;
      If you like Indian food, check out &lt;a target="_blank" href="http://http://karaikudi.ca/order-online/"&gt;Karaikudi&lt;/a&gt; in Scarborough.
    &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="entry"&gt;
    &lt;h2&gt;&lt;span class="date"&gt; 08/24/2017&lt;/span&gt;: Pide &lt;/h2&gt;
    &lt;p&gt;
      If you haven't tried &lt;em&gt; Pide &lt;/em&gt;, also known as Turkish Pizza, your life is not complete.
    &lt;/p&gt;
    &lt;p&gt;
      &lt;img src="images/pide.jpg" alt="Pide - turkish pizza"&gt;
    &lt;/p&gt;
    &lt;p&gt;
      My current favorite Pide Restaurant, is &lt;a target="_blank" href="http://mrpide.ca/"&gt;Mr. Pide&lt;/a&gt; in Greektown, Toronto. Order the &lt;strong&gt; Lahmacun &lt;/strong&gt;!
    &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="entry"&gt;
    &lt;h2&gt; &lt;span class="date"&gt;08/22/2017&lt;/span&gt;: Falafel &lt;/h2&gt;
    &lt;p&gt;
      One reason to wake up every morning -- Falafels!
    &lt;/p&gt;
    &lt;p&gt;
      &lt;img src="images/falafel.jpg" alt="Falafel!"&gt;
    &lt;/p&gt;
    &lt;p&gt; If you like falafels, check out &lt;a href="http://alibabas.ca/"&gt;Ali Baba's&lt;/a&gt;. They have two for the price of one falafel sandwiches on Tuesdays!
    &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="entry"&gt;
    &lt;h2&gt;&lt;span class="date"&gt; 07/10/2017&lt;/span&gt;: Spicy Pot &lt;/h2&gt;
    &lt;p&gt; Ma la xiang guo is a dish from the Sichuan/Chongqing region of China. You can select a number of different items that are cooked together. This dish uses a special numbing spice (ma) together with spicy chilli (la) cooked until fragrant (xiang) in a
      big pot (guo). &lt;/p&gt;
    &lt;p&gt;
      &lt;img src="images/malaxiangguo.jpg" alt="Malaxiangguo"&gt;
    &lt;/p&gt;
    &lt;p&gt; Unfortunately, I haven't found a good restaturant in Toronto that serves this. You can make it at home using with this &lt;a target="_blank" href="http://www.noobcook.com/mala-xiang-guo/"&gt;recipe&lt;/a&gt;. &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div id="footer"&gt;
    &lt;p&gt; (c) Author of the Eating Journal - Abdel Zhang &lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is how it looks now:</p>
  
  <p><a href="https://i.stack.imgur.com/fVqpl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fVqpl.jpg" alt="actual"></a></p>
  
  <p>And this is how I want it to look:</p>
  
  <p><a href="https://i.stack.imgur.com/ArouK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ArouK.png" alt="expected"></a></p>
  
  <p>Thank you to anyone the can help me!</p>