title: Elements overflowing on right side for some time?
body: <p>Im working on a gadget site.So i have to display 10 items on page.</p>
  
  <p>My problem is whenever my page loads,item 2 floats on the right side of item 1 for some time then it appears correctly on left side.It happens for the rest of the items.I want all items to left at once.</p>
  
  <p>See demo so you will get idea what im saying. 
  Demo <a href="https://thegeeked.in/best-mobiles-under-10000/" rel="nofollow noreferrer">here.</a>
  Also attached my CSS.</p>
  
  <p>What are some corrections i should make?</p>
  
  <pre class="lang-css prettyprint-override"><code>.article-number{
    border: 1px solid;
    float: left;
    width: 35px;
    height: 40px;
    padding-left: 15px;
    padding-top: 5px;
    font-size: 24px;
    font-weight: 700;
    background: #000000;
    color: #ffffff;
    overflow: hidden;
  }
  .article-item-title{
    border: 1px solid;
    width: auto;
    height: 40px;
    overflow: hidden;
    background: #000000;
    color: #ffffff;
    text-align: left;
    padding-left: 25px;
    padding-top: 5px;
    font-size: 24px;
    font-weight: 700;
  }
  .article_media{
    float: left;
    margin-top: 25px;
  }
  .article-container{
   border: 1px dotted #ccc;
   height: 170px;
   width: 270px;
   float: right;
   margin-top: 25px;
   margin-bottom: 30px; 
   margin-left: 10px;
  
  }
  .specification{
    margin-top: 7px;
    margin-left: 30px;
    border-radius: 40px;
    border: none;
    width: 220px;
    text-align: center;
    background: #ff3800;
    color: #ffffff;
    height: 35px;
    padding-top: 7px;
    font-weight: 700;
      font-family: 'Ubuntu', sans-serif;
      font-size: 17px;
  }
  .specification a{
    color: #ffffff;
  }
  #article-flipkart-icon{
    margin-left: 40px;
    margin-top: 10px;
    float: left;
  }
  .affiliate-link{
    width: 145px;
    float: left;
    margin-top: 10px;
    height: 35px;
    padding-left: 15px;
    padding-top: 5px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background: #289dcc;
    font-weight: 700;
  }
  .affiliate-link a{
    color: #ffffff;
  }
  #article-amazon-icon{
    float: left;
    margin-left: 40px;
    margin-top: 10px;
  }
  .article-wrapper{
    margin-top: 50px;
  }
  .article-item-one,.article-item-two,.article-item-three,.article-item-four,.article-item-five,.article-item-six,.article-item-seven,.article-item-eight,.article-item-nine,.article-item-ten{
    float: left;
    margin-bottom: 35px;
  }
  .featured-image{
    border: 1px dotted;
    pointer-events: none;
  }
  </code></pre>