JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
Name
</div>

CSS

body{
  background: white;
}
.box{
  padding:30px;
  text-align:center;
  width:200px;
  border:1px solid #000;
}
.box:after,.box:before{
    content: " ";
    width: 55px;
    height: 1px;
    transform: rotate(-45deg);
    background: #000;
    position: absolute;
}
.box:after{
   margin-left: 64px;
   margin-top: 29px;
}
.box:before{
  margin-left: -120px;
  margin-top: -12px;
}