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:
    -1px -1px 0 #ffffff,  
    1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
    1px 1px 0 #ffffff;
}