JSFiddle - React, Tailwind, and code Playground

HTML

<div class="m">
    <div class="borda"></div>
    <h3>Destaques</h3>
</div>

CSS

.m{
    position: relative;
    width: 100%;
    height: 50px;
}

.m .borda{
    width:90%;
    position: absolute;
    height: 2px;
    background-color: #000;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

h3{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 25px;
    background-color: #FFF;
    padding: 0px 20px;
}