title: How to display divs on top of each other?
body: <p>I have been trying to figure out how to display my divs side by side, which I managed. The css below works almost perfectly. </p>
  
  <pre><code>.awpcp-listing-excerpt {
    width: 40%! important;
    height: 120px! Important;
    float: left! Important;
    margin-right: 15px! Important;
    margin-top: -30px!important;
  }
  
  .awpcp-listing-excerpt-inner {
    margin-right: 50px !important;
    margin: auto !important;
    margin-left: -50px !important;
    width: 140px !important;
    height: 300px !important;
    margin-top: -140px !important;
    box-shadow: 0 8px 16px #888888!important;
  }
  
  .awpcp-listing-excerpt-content {
    display: none;
  }
  
  .awpcp-listing-excerpt-thumbnail {
    margin-top: 40px! Important;
    margin-left: -7px!important;
  }
  
  .awpcp-listing-title {
    margin-top: 140px! Important;
    font-size: 10px;
    text-align: left! Important;
    background-color: yellow;
  }
  
  .awpcp-listing-excerpt-extra {
    margin-top: -100px !important;
    margin-left: 20px !important;
  }
  </code></pre>
  
  <p>The problem is, when i come to display a third ad, to repeat the current pattern of two ads side by side, it doesn't work. Please see page for example. <a href="https://adsler.co.uk/browse-adsler/" rel="nofollow noreferrer">https://adsler.co.uk/browse-adsler/</a></p>