JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="review">
    <div class="img"><img src="https://yt3.ggpht.com/-YJ8xwJBnr2U/AAAAAAAAAAI/AAAAAAAAAAA/V-oWRHN1lbc/s100-c-k-no/photo.jpg" alt=""></div>
    <div class="comment">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>
</div>

CSS

.review{
    display:table;
    margin-left:100px;
    
}
.img{
    display:table-cell;
    vertical-align:middle;
    background:rgba(204,204,204,.5);
}

.img img{
    margin-left:-50px;
    display:inline-block;
    border-radius:50%;
    border:10px solid #333;
    box-shadow:0 0 0 10px rgba(204,204,204,.5);
    vertical-align:middle;
}
.comment{
    display:table-cell;
    vertical-align:middle;
    background:rgba(204,204,204,.5);
    padding-left:20px;
}