JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <ul class="item-list clearfix">
    <li>
      <div class="item-image">
        <span>
              <img src="http://i.allo.ua/media/catalog/product/cache/1/small_image/192x131/602f0fa2c1f0d1ba5e241f914e856ff9/1/7/171294_3.jpg" alt="Купить - ноутбук  Asus Zenbook Pro UX501 (UX501JW-FJ229T) Dark Gray">
            </span>
      </div>
      <div class="item-data">
        <a href="#" class="title">Asus Zenbook Pro UX501 (UX501JW-FJ229T) Dark Gray</a>
        <p>
          Диагональ дисплея: 15,6"; Тип процессора: Intel Core i7-4720HQ (2.6 ГГц); Дисплей: Глянцевый экран, Сенсорный экран; Оперативная память: 16 Гб; Жесткий диск SSD: 512 Гб; Графический адаптер: nVidia GeForce GTX 960M;
        </p>
        <p class="price title">1 497$</p>
      </div>
    </li>
    <li>
      <div class="item-image">
        <span>
              <img src="http://i.allo.ua/media/catalog/product/cache/1/image/425x295/799896e5c6c37e11608b9f8e1d047d15/1/3/133730.jpg" alt="Купить - ноутбук  Asus X553 (X553SA-XX031D) White">
            </span>
      </div>
      <div class="item-data">
        <a href="#" class="title">Asus Zenbook Pro UX501 (UX501JW-FJ229T) Dark Gray</a>
        <p>
          Диагональ дисплея: 15,6"; Тип процессора: Intel Core i7-4720HQ (2.6 ГГц); Дисплей: Глянцевый экран, Сенсорный экран; Оперативная память: 16 Гб; Жесткий диск SSD: 512 Гб; Графический адаптер: nVidia GeForce GTX 960M;
        </p>
        <p class="price title">1 497$</p>
      </div>
    </li>
    <li>
      <div class="item-image">
        <span>
              <img src="http://i.allo.ua/media/catalog/product/cache/1/small_image/192x131/602f0fa2c1f0d1ba5e241f914e856ff9/1/7/171294_3.jpg" alt="Купить - ноутбук  Asus Zenbook Pro UX501 (UX501JW-FJ229T) Dark Gray">
            </span>
      </div>
      <div class="item-data">
        <a href="#" class="title">Asus Zenbook Pro UX501 (UX501JW-FJ229T) Dark Gray</a>
        <p>
          Диагональ дисплея: 15,6"; Тип процессора:...

CSS

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
}

ul {
  list-style: none outside none;
  margin: 0;
  padding: 15px;
}

.item-list > li {
  float: left;
  width: 200px;
  margin: 0 20px;
}

.item-image {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 135px;
  margin-bottom: 15px;
}

.item-image > span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}

.item-image img {
  max-height: 130px;
}

.item-data .title {
  color: green;
  text-align: center;
}

.price {
  text-align: left !important;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}