JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="blocksecond">
    
    <h1>Капусняк</h1>
    
</div>

CSS

body{
    background: url('http://eandys.ru/image.php?di=PZUV');
}
.blocksecond{
    border:3px solid white;
    border-top:none;
    width: 250px;
    height: 250px;
    margin: 50px auto;
    
}

h1 {
    text-align: center;
    position: relative;
    top: -19px;
    color: white;
}
h1:before{
    content: ' ';
    position: absolute;
    width:20%;
    height:3px;
    background: white;
    top: 50%;
    left:0px;
}

h1:after{
    content: ' ';
    position: absolute;
    width:20%;
    height:3px;
    background: white;
    top: 50%;
    right: 0;
}