JSFiddle - React, Tailwind, and code Playground

by Ufuk Ozdemir

HTML

<span class="border-center">ya da</span>

CSS

.border-center {
  width   : 100%;
  height  : 10px;   
  position: relative;
  z-index : 1;
  text-align: center;
}

.border-center:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 40%;  /* or 100px */
  border-bottom:1px solid #7e57c2;
}
.border-center:after {
  content : "";
  position: absolute;
  right    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 40%;  /* or 100px */
  border-bottom:1px solid #7e57c2;
}