JSFiddle - React, Tailwind, and code Playground

by adward

HTML

<div class="wf-cell" style="width: 20%; display: inline-block;"><div><a href="http://www.yit.ru/" target="_blank" title=""><img class="preload-me retinized" srcset="http://new.tarusexpert.ru/wp-content/uploads/2014/12/YIT.png 1x" width="157" height="110" hint="ЮИТ Лентек" src="http://new.tarusexpert.ru/wp-content/uploads/2014/12/YIT.png"></a></div></div>
    
<div class="wf-cell" style="width: 20%; display: inline-block;"><div><a href="http://www.arabtecholding.com/Page.aspx?Id=16&amp;PageId=85" target="_blank" title=""><img class="preload-me retinized" srcset="http://new.tarusexpert.ru/wp-content/uploads/2014/12/arabtec2.jpg 1x" width="157" height="110" hint="Arabtec Construction" src="http://new.tarusexpert.ru/wp-content/uploads/2014/12/arabtec2.jpg"></a></div></div>
    
<div class="any_class" hint="any hint">Какой то текст</div>

CSS

*[hint] {
    position: relative;
}
*[hint]:hover:after {
  content: attr(hint);
  position: absolute;
  left: 4px;
  bottom: -20px;
  min-width: 100px;
  max-width: 200px;
  z-index: 100;
  background-color: #ff0;
  line-height: 16px;
  color: #006;
  padding: 4px;
}