JSFiddle - React, Tailwind, and code Playground

by Евгений Беляков

HTML

<div class="items">
<div class="item">
	<span>текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
	<span>текст текст текст текст текст текст текст текст текст текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
	<span>текст текст текст текст текст текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
</div>
<div class="item">
	<span>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
	<span>текст текст текст текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
	<span>текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
</div>
<div class="item">
	<span>текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
	<span>т</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
	<span>текст</span>
	<img src="http://clip2net.com/clip/m29669/1397073883-clip-169b.png" />
</div>
</div>

CSS

.items {margin:50px; width:898px; font-size:0; word-spacing:-14px; overflow:hidden; border-top:#ccc solid 1px;}
.item {display:inline-block; width:298px; border:#ccc solid 1px; margin:-500px -1px 0 0; vertical-align:bottom;
padding-top:500px;}
.item span{display:inline-block; width:48px; margin:10px -60px 10px 25px; font-size:14px; word-spacing:0; position:relative; left:-15px; vertical-align:middle; padding-bottom:90px;}
.item img {display:inline-block; vertical-align:bottom; margin-bottom:10px;}