JSFiddle - React, Tailwind, and code Playground

by Denis Ineshin

HTML

<a href="#">
    <span></span>
    <b>Текст со ссылкой</b>
</a>

CSS

div {
    padding: 10px;
    background: green;
}

a {
    display: inline-block;
    position: relative;
    color: #f00;
    font-size: 30px;
    text-decoration: none;
}

a b {
    position: relative;
    display: block;
    z-index: 1;
}

a span {
    position: absolute;
    content: "";
    display: block;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 7px;
    background: #000;
    z-index: 0;
}