title: Element keeps moving when user creates new review in css
body: <p>I am creating a website in html &amp; css through Django. But I am having some difficulties. Here is my code for the buggy element of the code:</p>
  
  <pre><code>detail.html
  
  &lt;div class="contact-info" style="float: right!important; position: sticky!important; margin-right: 25px!important; margin-left: 750px!important; width: 30%!important; height: 50px!important; padding-bottom: 195px!important; margin-top: -2200px!important;"&gt;
  
    &lt;div class="elements" style=" margin-bottom: 200px!important; padding-bottom: 20px!important;"&gt;
  
      &lt;div class="address"&gt;
          &lt;span class="icon-map-marker"&gt;&lt;/span&gt;
          &lt;p&gt; &lt;a style="color:grey!important; border:none!important;" href="{{restraunt.address_link}}"&gt;{{restraunt.address}}&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="address" &gt;
          &lt;span class="icon-mobile-phone"&gt;&lt;/span&gt;
          &lt;p style="color: grey!important; border: none!important;"&gt;&lt;a style="color:grey!important; border: none!important;" href="tel:{{restraunt.phone}}" style="color: grey!important;"&gt;+{{restraunt.phone|phonenumber}}&lt;/a&gt; &lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="address"&gt;
          &lt;span class="icon-link"&gt;&lt;/span&gt;
          &lt;p&gt;&lt;a style="color:grey!important; border: none!important;" href="{{restraunt.website}}"&gt;{{restraunt.website}}&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="address"&gt;
          &lt;span style="" class="icon-time"&gt;&lt;/span&gt;
          &lt;p&gt;Mon - Sun, {{restraunt.opening_hour}} - {{restraunt.closing_hour}} &lt;br&gt;
      &lt;/div&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The code seems to work fine until I enter a new review. Then, the element jumps down and keeps jumping as a new review is added. I don't know how to fix this as I tried <code>postion: relative</code>, <code>postition: absolute</code> and <code>position: sticky</code> but all seem to have failed. I will put some screenshots to explain it better.</p>
  
  <p>Before new Review:</p>
  
  <p><a href="https://i.stack.imgur.com/hn8nh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hn8nh.png" alt="enter image description here"></a></p>
  
  <p>After a new Review:</p>
  
  <p><a href="https://i.stack.imgur.com/zBRBc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zBRBc.png" alt="enter image description here"></a></p>
  
  <p>I have been unable to solve this problem for a long time now. I would really appreciate any help. Thank you</p>