JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Название материала</a>
            <div class="image">
                <img src="http://vorozheja.ru/_ld/0/90049543.jpg">
            </div>
            <div class="text">
                <div class="enter">
                    Действие пьесы проис­ходит в одно­ком­натной квар­тире Джимми и Элисон Портер в Бирмин­геме, в одном из крупных городов Средней Англии воскресным вечером...
                    Действие пьесы проис­ходит в одно­ком­натной квар­тире Джимми и Элисон Портер в Бирмин­геме, в одном из крупных городов Средней Англии воскресным вечером...
                    Действие пьесы проис­ходит в одно­ком­натной квар­тире Джимми и Элисон Портер в Бирмин­геме, в одном из крупных городов Средней Англии воскресным вечером...
                </div>
            </div>
            <div class="info">
                Прочсмотров: 666666
            </div>

CSS

body{
    background: #e1e1e1;
    margin: 20px;
    padding: 0;
}
.image{
	position: absolute;
}
.image img {
	display: block;
    width: 120px;
	height: 120px;
}
.text{
	margin-left: 130px;
}
.enter{
    color: green;
}
.info{
    width: 100%;
	height: 15px;
	background: grey;
	padding: 3px;
	margin-top: 5px;
}