Product cards have a fixed width and when stretching a window can be more than four per line. In this case, the vertical alignment of signatures depends on their position in the line. (i.e. if the fifth element moves to the first line, it will look exactly like the fourth). The height of the elements in the line is aligned to the highest in the line . (ie, the height of the first and second lines can different).

Tell me, please, the solution of this problem without using flex, since need IE9 support

Jsfiddle

* { padding: 0; margin: 0; box-sizing: border-box; } .container { max-width: 960px; margin: auto; border: 1px solid #000; } .container::after { content: ''; display: block; clear: both; } .aside { width: 25%; height: 700px; float: left; border: 1px solid #000; background-color: red; } .main { width: 75%; height: 700px; float: right; border: 1px solid #000; background-color: green; } .main::after { content: ''; display: block; clear: both; } .items { width: calc(100% - 10px); float: right; border: 1px solid #000; font-size: 0px; margin: 35px 0 35px 10px; } .items__item { width: 175px; display: inline-block; border: 1px solid #000; text-align: center; font-size: 16px; } .item__img { width: 80px; height: 80px; } .item__img_small { width: 60px; height: 60px; } .item__signature { padding: 10px; } 
 <div class="container"> <aside class="aside"></aside> <main class="main"> <div class="items"> <div class="items__item"> <img src="http://credittoolz.com/wp-content/uploads/2017/02/free.png" alt="" class="item__img"> <div class="item__signature">подпись<br> ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ Π² Ρ‚Ρ€ΠΈ строки</div> </div> <div class="items__item"> <img src="http://credittoolz.com/wp-content/uploads/2017/02/free.png" alt="" class="item__img item__img_small"> <div class="item__signature">подпись<br> Π² Π΄Π²Π΅ строки</div> </div> <div class="items__item"> <img src="http://credittoolz.com/wp-content/uploads/2017/02/free.png" alt="" class="item__img"> <div class="item__signature">подпись</div> </div> <div class="items__item"> <img src="http://credittoolz.com/wp-content/uploads/2017/02/free.png" alt="" class="item__img"> <div class="item__signature">подпись</div> </div> <div class="items__item"> <img src="http://credittoolz.com/wp-content/uploads/2017/02/free.png" alt="" class="item__img"> <div class="item__signature">подпись</div> </div> <div class="items__item"> <img src="http://credittoolz.com/wp-content/uploads/2017/02/free.png" alt="" class="item__img"> <div class="item__signature">подпись</div> </div> </div> </main> </div>

    0