JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Как-то так...</title>
<style type="text/css">
<!--
.wrap {
width: 100%;
overflow: hidden;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #333;
padding-bottom: 20px;
}
.wrap .img {
float: left;
width: 20%;
}
.wrap .content {
position: relative;
background-color: #CCC;
float: left;
width: 50%;
}
.wrap .price {
float: right;
background-color: #9CF;
width: 30%;
}
p {
padding: 5px;
}
-->
</style></head>
<body>
<div class="wrap">
<div class="img"><img src="" width="100" height="100" alt="" /></div>
<div class="content"><p><a href="#">Тут у вас будет описание товаров и еще всякая фигня </a>Тут у вас будет описание товаров и еще всякая фигня<a href="#">Тут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигня</a>Тут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигня</p></div>
<div class="price"><p>Здесь у вас будет цена и все такое прочее</p></div>
<div class="wrap">
<div class="img"><img src="" width="100" height="100" alt="" /></div>
<div class="content"><p><a href="#">Тут у вас будет описание товаров и еще всякая фигня </a>Тут у вас будет описание товаров и еще всякая фигня<a href="#">Тут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая фигня</a>Тут у вас будет описание товаров и еще всякая фигняТут у вас будет описание товаров и еще всякая...