JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
    <title>2</title>
    <meta charset="utf-8">

</head>
<body>
<div class="basis">
    <h1>Заголовок</h1>
    <div class="content"><div class="content-case">
        Содержание блока
    </div>
    </div>
</div>    
    
</body> 
</html>

CSS

.case { }    
    .content { 
        background: #9F6;
        min-height: 100px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow:-2px -2px 5px #999,2px 2px 5px #999,2px -2px 5px #999,-2px 2px 5px #999;
        box-shadow: -2px -2px 5px #999,2px 2px 5px #999,2px -2px 5px #999,-2px 2px 5px #999; 
        
        
    }
    .content-case {
        background: #9F6; 
        position: relative; 
        top: 0px; 
        z-index: 1; 
        padding: 0 10px;
        margin-right: 10px;
    }
    h1 { 
        margin: 0;
        background: #9F6;
        -o-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        display: inline-block;
        padding: 0 10px 4px;
        
        font: bold 25px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
        box-shadow: -3px -3px 3px #999,3px -3px 3px #999;
        -webkit-box-shadow:-3px -3px 3px #999,3px -3px 3px #999;
        position: relative;
        bottom: -5px;
        
    }