JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Эскиз</title>
        <style>
        
            #content {
                background:#f0f0f0;
                border:1px solid #000;
                padding:10px;
                position:relative;
                margin:0 15px;
                line-height:20px;
            }
            
            #top, #bottom {
                border-width:0 1px;
                height:15px;
                margin:0px 15px;                
            }    
            
            #right, #left {
                border-width:1px 0px;
                width:15px;
                height:40px;
            }    
            
            #right {
                float:right;
            }
            
            #left {
                float:left;
            }
            
            #top, #bottom, #left, #right {
                border-style:solid;
                border-color:#000;
            }
        </style>
    </head>
    <body>
        <div id="top"></div>
        <div id="main">
            <div id="right"></div>
            <div id="left"></div>
            <div id="content">Рабочий эскиз</div>            
        </div>
        <div id="bottom"></div>
    </body>
</html>