JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    Lorem ipsum dolor sit amet
    <div class="inner">&nbsp;</div>
</div>

CSS

.outer {
    background-color: #efefef;
    margin: 20px;
    padding: 10px 10px 0px 10px;
}

.inner {
    width: 80%;
    height: 1px;
    margin: 0px auto;
}
.inner:hover{
  border-color: #00008c;

border-bottom-style: inset;
}