title: How to prevent div section to move below?
body: <p>I have а search page and want to prevent "top20" div section on the right to move below the section rounded by rectangle when I change the size of browser window.</p>
  
  <p>CSS:</p>
  
  <pre><code>#search_parameters_border {
      border: 1px outset gray;
      float: left;
      padding: 10px;    
  }
  
  #searchBox {
      background-color: white;
      color: black;
      text-align: left;
      margin-bottom: 15px;
  }
  
  #categories {
      line-height: 20px;
      height: 420px;
      width: 250px;
      float: left;
      padding: 10px;        
      margin: 5px 5px 5px 5px;
  }
  
  #additionalFilters {
      width: 700px;
      float: left;
      padding: 10px;       
      margin: 5px 5px 5px 5px;
  }
  
  #top20 {
      width: 650px;
      padding: 5px;        
      margin: 5px 5px 5px 50px;
      float: left;
  }
  </code></pre>
  
  <p>The screen shot:</p>
  
  <p><img src="https://i.stack.imgur.com/XTBVj.png" alt="enter image description here"></p>