JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text">Хабрахабр</div>

CSS

.text {
    display: inline;
    font-size: 32px;
    position: relative;
    text-shadow: 2px 0 0 #FFF, -2px 0 0 #FFF;
    z-index: 1;
}
.text::after {
    border-bottom: 2px solid #000000;
    bottom: 3px;
    content:"";
    left: 0px;
    position: absolute;
    right: 0px;
    z-index: -1;
}