JSFiddle - React, Tailwind, and code Playground

HTML

<div id="line1">
    <table border="1">
        <tr>  
            <td><span id="a">this is sick</span><span id="b">this is awesome</span></td>
        </tr>
    </table>
</div>

CSS

div#line1 span#a {
display:inline;
}
div#line1:hover span#a {
display:none;
}
div#line1 span#b {
display:none;
}
div#line1:hover span#b {
display:inline;
}