JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>work 1</title>
</head>
<body>
    <section class="out">
        <section class="in">
            <section class="cont">Рабочий эскиз</section>
        </section>
    </section>
</body>
</html>

CSS

body {
            padding:20px;
        }
        .out {
            border-top:1px solid #000;
            border-bottom:1px solid #000;
            margin: 0 -15px;
            padding:0 15px;
        }
        .in {
            border-left:1px solid #000;
            border-right:1px solid #000;
            margin:-15px 0;
            padding:15px 0;
            
        }
        .cont {
            background:#ddd;
            padding:10px;
        }