JSFiddle - React, Tailwind, and code Playground

HTML

<div class="popular_courses">
<h3>teste</h3>
</div>

CSS

.popular_courses {
    position:relative;
    display: block;
    width: 70%;
    text-align: center;
    margin 0 auto;
     z-index:1;
}

.popular_courses:before {
    position:absolute;
    content:"";
    height: 1px;
    background: #000;
    width: 100%;
    z-index:2;
    left:0;
    top: 50%;
    transform: translateY(-50%);
}
.popular_courses h3 {
    position: relative;
    display: inline-block;
    line-height: 0.1em;
    background: #fff;
    padding: 0px 30px;
     z-index:3;
}