JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   текст
</div>

CSS

div{
margin:30px;
width:100px;        
height:30px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
position:relative;    
}

div:before, div:after{
content:'';
position:absolute;
width:1px;
top:5px;
bottom:5px;
background:#222;    
}

div:before{
left:0px;
}

div:after{
right:0px;
}