JSFiddle - React, Tailwind, and code Playground

HTML

<div> hello! </div>

CSS

div:before{
    position: relative;
    text-indent: -9000px;
    content: 'he1';
}
div:hover:after{
    display:none;
    content: 'hi!';
    display: block;
    position: absolute;
    text-indent: 0;
    top:0;
    left:0;
    right:0;
    bottom:0;
}