JSFiddle - React, Tailwind, and code Playground

by VasyaPupkin

HTML

<div class="co">
<div class="work">Рабочий эскиз</div>  
<div class="lt"></div>
<div class="lb"></div>
<div class="rt"></div>
<div class="rb"></div> 
</div>

CSS

.work
{
    background:#ddd;
    border:solid 1px #666;
    padding:0.6em;
}

.co
{
    position:relative;
    padding:15px;
}

.lt, .lb, .rt, .rb
{
    border:solid 1px #666;
    width:15px;
    height:15px;
    position:absolute;
}

.lt { top:0; left:0; border-top:none; border-left:none; }
.lb { bottom:0; left:0; border-bottom:none; border-left:none; }
.rt { top:0; right:0; border-top:none; border-right:none; }
.rb { bottom:0; right:0; border-bottom:none; border-right:none; }