-1

How to place the blocks in such a way?

Link of the image -> http://upload.akusherstvo.ru/image664571.jpg

<ul class="list">
      <li class="item">
        <a href="/" class="link">текст
          <img src="" class="img">
        </a>
      </li>
      <li class="item">
        <a href="/" class="link">текст
          <img src="" class="img">
        </a>
      </li>
      <li class="item">
        <a href="/" class="link">текст
          <img src="" class="img"> 
        </a>
      </li>
    </ul>
user3468894
  • 65
  • 1
  • 5
  • 2
    either you can use masonary jquery plugin or in CSS3 you can use `Multiple Columns` – Kheema Pandey Aug 10 '14 at 18:06
  • 1
    possible duplicate of [how to replicate pinterest.com's absolute div stacking layout](http://stackoverflow.com/questions/7109362/how-to-replicate-pinterest-coms-absolute-div-stacking-layout) – stekhn Aug 10 '14 at 18:15
  • You might also like to look at Bootstrap CSS http://getbootstrap.com/css/#grid-example-mixed – Paullo Aug 10 '14 at 21:03

1 Answers1

0

I would make 4 separate CSS columns and fill each of them separately.

Valentin Waeselynck
  • 5,950
  • 26
  • 43