JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body{
    background: #e1e1e1;
   margin: 0;
    padding: 0;
}
.text img {
	display: block;
    width: 120px;
	height: 120px;
    float:left;
}

.text {
    position: relative;
    min-height: 120px;
}

.text p {
   overflow:hidden;
   color: red;
}


.info{
    width: 100%;
	height: 15px;
	background: grey;
	margin-top: 5px;
    position: absolute;
}