JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a class="profile-link" href="#">
            <strong class="fullname">Person.Name</strong>
            <br />
            <span class="username"><s>@</s><b>username</b></span>
        </a>
    </li>
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
}

ul li {
    width: 200px;
    list-style: none;
}

.profile-link {
    text-decoration: none;
}
.profile-link:hover .fullname {
    text-decoration: underline;
}
.username {
    font-size: 0.8em;
    color: #999;
}
.username s {
    text-decoration: none;
}
.username b {
    font-weight: normal;
}