JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row clearfix ">
			<div class="product floatleft width33 vertical-separator" >
                
                <div class="b-tooltip"><div class="b-tooltip-h">dafasdf</div></div>
                
			<div class="spacer">
				<div class="width30 floatleft center">
					<a title="Нет заданного изображения " class="modal" href="http://aurum-spa.ru/components/com_virtuemart/assets/images/vmgeneral/noimage.gif"><img src="http://aurum-spa.ru/components/com_virtuemart/assets/images/vmgeneral/noimage.gif" alt="Нет заданного изображения " class="browseProductImage" border="0" title="Альгинатная пластифицирующая маска с Мятой (Pepermint) 40 гр"></a>
                        
							
										</div>

				<div class="width70 floatright">

					<h2><a href="/index.php/component/virtuemart/beauty-soncept/alginatnye-maski/alginatnaya-plastifitsiruyushchaya-maska-s-myatoj-pepermint-40-gr-detail?Itemid=0">Альгинатная пластифицирующая маска с Мятой (Pepermint) 40 гр</a></h2>

						
					<div class="product-price marginbottom12" id="productPrice221">
					<div class="PricevariantModification" style="display : none;">Модификатор цены: <span class="PricevariantModification"></span></div><div class="PricebasePriceWithTax" style="display : none;">Основная цена с НДС: <span class="PricebasePriceWithTax"></span></div><div class="PricediscountedPriceWithoutTax" style="display : none;">Цена со скидкой: <span class="PricediscountedPriceWithoutTax"></span></div><div class="PricesalesPriceWithDiscount" style="display : none;">Цена со скидкой: <span class="PricesalesPriceWithDiscount"></span></div><div class="PricesalesPrice" style="display : block;">Цена: <span class="PricesalesPrice">95,70 руб</span></div><div class="PricepriceWithoutTax" style="display : block;">Цена без скидки: <span class="PricepriceWithoutTax">95,70 руб</span></div><div class="PricediscountAmount" style="display : none;">Скидка: <span class="PricediscountAmount"></span></div><div class="PricetaxAmount"...

CSS

/* CLEARFIX */
/*=============================*/
.clearfix:before,
.clearfix:after {
  content: "123 ";
  display: table; }

.clearfix:after {
  clear: both; }


.row .product  {
    position: relative;
}

.row .product .b-tooltip {
position: absolute;
width: 160px;
min-height: 116px;
background-color: #FFF;
right: -200px;
border: 1px solid #CCC;
border-radius: 6px;
-webkit-box-sizing: padding-box;
padding: 20px;
    display: none;
}

.row .product .b-tooltip-h {
    oveflow: hidden;
    max-height: 76px;
}

.row .product:last-child .b-tooltip {
    right: auto;
    left: -200px;
}

.row .product:hover .b-tooltip {
    display: block;
}