JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>3 block</title>
<style type="text/css">
body { background: url(http://s49.radikal.ru/i125/1107/b9/d7586c2ec7f1.png)}
.one { min-height: 100px; border: 2px solid; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; background: rgba(41,150,31,0.5);  }
.two { border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; padding: 10px; font-size: 1.1em; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2D309', endColorstr='#F2D309'); background: -webkit-gradient(linear, left top, left bottom, from(#F2D309), to(#F2D309)); background: -moz-linear-gradient(top,  #F2D309,  #F2D309); }
.three { border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; padding: 10px 10px 40px 10px; background: #f0f0f0; }
.wrap { margin: 10px; border: 1px solid; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
</style>
</head>

<body>

<div class="one">
<div class="wrap">
<div class="two">Заголовок</div>
<div class="three">Содержимое</div>
</div>
</div>

</body>
</html>