JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product-list">
	
		<div class="product-list__item">
			<div class="product-list__item-thumb">
				<div class="product-list-border-pic">
                    <a href="http://rostov-na-donu.lobzikov.com/tovar/okno-9524">Окно
                    <img src="http://placehold.it/200x200" alt="img" />
                    </a>
				</div>
			</div>
		

			<div class="product-list__body">
				<div class="product-list__body-title">
					
				</div>
				
				<p class="product-list__body-desc">Донская Оконная Компания</p>
				
				
					<p class="product-list__body-price">
						Розничная: 
						<span class="product-list__body-price-retail">
							4000 руб.
						</span> 
						<span>/ шт.</span>
					</p>
				
				
				
					<p class="product-list__body-price">
						Оптовая: 
						<span class="product-list__body-price-trade">
							3300 
						</span> 
						<span>/ шт.</span>
					</p>
				
				
				<span class="red">На товар есть скидка <img src="inner33_files/disc.png"></span><br>
					
				<p class="product-list__body-region">
					
					Регион деятельности: <a href="http://ros.lobzikov.com/tovar/cat10-ventilyaciya-otoplenie-kondicionirovanie" style="color: #1D6700;">Ростовская область</a> &#8594; <a href="http://rostov-na-donu.lobzikov.com/tovar/cat10-ventilyaciya-otoplenie-kondicionirovanie" style="color: #288E00;">Ростов-на-Дону</a>
					
					
					
				</p>
				<div class="clear_both"></div>
			</div>
		</div>

CSS

.product-list__item-thumb { width:160px; height:160px; margin-right:14px; overflow:hidden; float:left; }
.product-list-border-pic { position: relative; margin: 0px 0px; width: 154px; height: 154px; text-align: center; float: left; background: url('diz/border-150.png') no-repeat;}
.product-list-border-pic img { margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width:150px; max-height:150px; }
.product-list-border-pic a { font:normal 18px Tahoma; text-decoration:none; color:#0068c9;}
.product-list__body-title { margin:0 0 8px 0; }
.product-list__body-title-link { font:normal 18px Tahoma; text-decoration:none; color:#0068c9; }
.product-list__body-title-link:hover {text-decoration:underline;}
.product-list__body-desc { margin:0 0 10px 0; font:normal 12px Tahoma; color:#303030; }
.product-list__body-price { margin:0 0 10px 0; font:normal 14px Tahoma; }
.product-list__body-price span { color:#303030; }
.product-list__body-price .product-list__body-price-retail { font-weight:bold; color:#ccab02; }
.product-list__body-price .product-list__body-price-trade { font-weight:bold; color:#0084ff; }
.product-list__body-region { margin:0; color:#909090; }