title: After clearing float, text in next div is pushed to the left
body: <p>I am using CSS to float a div next to another one. This div only appears if the user is looking at their own "business." When I don't clear anything, a large space appears between these divs and the next one. When I do clear the float, the text in the next div is pushed to the left. I think I am misunderstanding something about how to use the float and clear. I'm not very good with CSS.</p>
  
  <p>How can I remove the space without destroying the "fs" div?</p>
  
  <p>Here are pictures to show what is happening:</p>
  
  <p><img src="https://i.imgur.com/qgOPZ.png" alt="picture 1"></p>
  
  <p><img src="https://i.imgur.com/jIWXt.png" alt="picture 2"></p>
  
  <p>Here's the CSS and HTML code:</p>
  
  <pre><code>div.stuff {
      border-bottom:dotted 1px;
      border-left:dotted 1px;
      border-right:dotted 1px;
      border-top:dotted 1px;
      padding:10px;
      margin:10px;
      width:35%;
      height:65px;
      border-radius: 5px;
  }
  div.container {
      border-bottom:dotted 1px;
      border-left:dotted 1px;
      border-right:dotted 1px;
      border-top:dotted 1px;
      padding:10px;
      padding-left:25px;
      margin-bottom:10px;
      position:relative;
      height:65px;
      width:45%;
      top:-97px;
      right:10px;
      border-radius: 5px;
      overflow: hidden;
      float:right;
      clear:right;
  }
  div.fs {
      border-style:double;
      text-align:center;
      padding:10px;
      margin:10px;
      margin-left:20%;
      width:60%;
      border-radius: 5px;
  }
  
  &lt;div class=stuff&gt;
      &lt;img src=/economy/images/cash.png&gt; Cash on Hand: 10,245&lt;br&gt;
      &lt;img src=/economy/images/worker.png&gt; Workers Employed: 6&lt;br&gt;
      &lt;img src=/economy/images/machine.png&gt; Machines Leased: 4
  &lt;/div&gt;
  &lt;div class=container&gt;
      &lt;a href="/economy.php?section=business&amp;do=contribute"&gt;Click Here to Manage Cash on Hand.&lt;/a&gt;&lt;br&gt;
      &lt;a href="/economy.php?section=business&amp;do=moderate"&gt;Click Here to Manage this Business.&lt;/a&gt;&lt;br&gt;
      &lt;a href="/economy.php?section=business&amp;do=info&amp;action=disband&amp;id=7"&gt;Click Here to Disband this Business.&lt;/a&gt;
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div class=fs&gt;&lt;a href=/economy.php?section=fs&amp;id=7&gt;Historical Financial Statements&lt;/a&gt;&lt;/div&gt;
  </code></pre>