JSFiddle - React, Tailwind, and code Playground

HTML

<div class="l-block">
    <div class="block">
        <div class="img"></div>
        <p class="tx">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo esse!</p>
    </div>
</div>

CSS

.l-block{
    margin: 30px auto 0;
    width: 250px;
    
    /*вешаем на :after изображение с тенью*/
    box-shadow: 0 8px 10px -5px rgba(0,0,0,.3);
}

.block {
    background: #eee;
    border: 1px solid #777;
}

.block:after{
    content: '';
    display: table;
    clear: both;
}

.block .img{
    float: left;
    width: 40%;
    height: 100px;
    margin: 0 10px 0 0;
    background: #393;
}

.block .tx{
    margin: 0;
}