JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title></title>
    </head>
    <body>
        <ul class="items">
          <li>
              <h4>
    <img src="http://lorempixel.com/150/150/" alt="" />
    Наименование
              </h4> 
            </li>              
            <li>
                <h4>
    <img src="http://lorempixel.com/150/100/" alt="" />
    Другое наименование
                  </h4>
    <p class="descr">Дополнительное описание</p>
            </li> 
          <li>
              <h4>
    <img src="http://lorempixel.com/150/120/" alt="" />
    Очень длинное наименование
                  </h4>
          </li>   
<li>
              <h4>
    <img src="http://lorempixel.com/150/150/" alt="" />
    Наименование
              </h4>
            </li>              
            <li>
                <h4>
    <img src="http://lorempixel.com/150/100/" alt="" />
    Другое наименование
                  </h4>
    <p class="descr">Дополнительное описание</p>
            </li>
          <li>
              <h4>
    <img src="http://lorempixel.com/150/120/" alt="" />
    Очень длинное наименование
                  </h4>
          </li> 
<li>
              <h4>
    <img src="http://lorempixel.com/150/150/" alt="" />
    Наименование
              </h4>
            </li>              
            <li>
                <h4>
    <img src="http://lorempixel.com/150/100/" alt="" />
    Другое наименование
                  </h4>
    <p class="descr">Дополнительное описание</p>
            </li>
          <li>
              <h4>
    <img src="http://lorempixel.com/150/120/" alt="" />
    Очень длинное наименование
                  </h4>
          </li>             
        </ul>
    </body>
</html>

CSS

body { margin: 10px; }
.items {}
.items li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    
    padding: 150px 0 0;
    margin: 0 15px 15px 0;
    vertical-align: top;
    width: 150px;            
}
.items li h4 {
    position: relative;
    text-align: center;
}
.items li img {
    display: block;
    position: absolute;
    bottom: 100%;
}
.items li .descr {
    font-size: .7em;
    color: #a0a0a0;
    text-align: center;
}