JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://zverushka.zz.mu/sani/css/reset.css">
<link rel="stylesheet" href="http://zverushka.zz.mu/sani/css/style.css">
<ul class="list-catalog">
				<li><div class="top">
          <header><h3>Тимка 5</h3></header>
					<img alt="" src="img/catalog/1.jpg">
					<p class="text">
						Саночки для детей постарше. оборудованны перекидной ручкой на 2 положения, ремнем безопасности и ступенчатой подножкой для ребенка, можно кататься детям с 1-5 лет
					</p>
					<p class="price">29 $</p>
					</div>
					<div data-catalogid="Товар №1" class="btn-red popup bottom">Жмите купить</div>
				</li>
				<li><div class="top">
					<header><h3>Тимка 5 комфорт</h3></header>
					<img alt="" src="img/catalog/2.jpg">
					<p class="text">
						Самая популярная модель! Главное отличие от Тимки 5- 2 колесика сзади для транспортировки, там где нет снега
					</p>
					<p class="price">30 $</p>
					</div><div data-catalogid="Товар №2" class="btn-red popup bottom">Жмите купить</div>
				</li>
				<li><div class="top">
					<header><h3>Санки-коляска Тимка 2</h3></header>
					<img alt="" src="img/catalog/3.jpg">
					<p class="text">
						Прогулочные саночки. обладают непродуваемой тканью,чехлом для ножек, ремнем безопасности и козырьком. Имеют 2 положения спинки и без проблем складываются.
					</p>
					<p class="price">59 $</p>
					</div><div data-catalogid="Товар №3" class="btn-red popup bottom">Жмите купить</div>
				</li>
				<li><div class="top">
					<header><h3>Тимка 3 комфорт</h3></header>
					<img alt="" src="img/catalog/4.jpg">
					<p class="text">
						Одни из самых продаваемых саночек. Главное отличие от Тимки 5- укороченная база для удобства самых маленьких( с 1 года). Так же имеют колесики!
					</p>
					<p class="price">30 $</p>
					</div><div data-catalogid="Товар №4" class="btn-red popup bottom">Жмите купить</div>
				</li>
				<li><div class="top">
					<header><h3>Санки-коляска Тимка 2 комфорт</h3></header>
					<img alt=""...

CSS

.list-catalog{
    display: inline-block;
    
}
.list-catalog li {
    display: inline;
}
.list-catalog li .top {
    display: inline-block;  
    vertical-align: top;
    width: 310px;
    margin-bottom: 37px;    
}
.list-catalog li .bottom {    
    display: inline-block;
    vertical-align: bottom;
    width: 310px;
    margin-left: -310px;
}