JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:300px"><div class="abc">ab c mdo emosd sd</div></div>

CSS

.abc {
    text-align: center;
    font-size: 13px;
    color: #C1BEBE;
    background-color: #F2F2F2;
    padding: 5px;
    margin: 23px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    position: relative;
/*    z-index: 999;*/
}
.abc::before {
    content: '';
    border-bottom: 1px solid #C2BFBF;
    width: 300px;
    float: left;
    margin-left: -43px;
    position: relative;
    top: 9px;
    z-index: -13333;
}