JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
    <div class="bg">
        <h1>Заголовок</h1>
        <div class="cont">
            <img src="http://www.bugaga.ru/uploads/posts/2012-04/1335780923_1.jpg" alt="" title=""/>
            <p>Текст</p>
        </div>
    </div>
</div>

CSS

html,body{
    margin:0;
    padding:0;
    height:100%;}

.block{
    margin:10px;
    width:500px;
    height:200px;}
.bg{
    margin:0px 20px;
    width:260px;
    height:200px;
    border:1px solid #CCC;
    border-radius:8px;
    box-shadow:0 0 5px #999;}
.bg>h1{
    position:absolute;
    margin:8px;
    font-size:20px;}
.cont{
    margin:40px 0px 20px -20px;
    width:500px;
    height:140px;
    border:1px solid #CCC;
    border-radius:8px;
    box-shadow:0 0 5px #999;
    background:#FFF;}
.cont>p{
    margin:8px;
    font-size:14px;
    width:290px;
    height:120px;
    overflow:auto;}
.cont>img{
    float:right;
    margin:8px;
    width:190px;
    height:120px;
    border:1px solid #CCC;
}