JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.line {
    float: left;
    font-size: 32px;
    height: 1em; 
    border-bottom: solid 2px black;
}
.text {
    position: relative;
    bottom: -1px;
    text-shadow:
    2px -1px 0 #fff,
    -2px -1px 0 #fff;
}