JSFiddle - React, Tailwind, and code Playground

HTML

test test test <span class="test">Hover me</span> test test test test

CSS

.test{
    color:#FFF;
    background:#000;
    padding:4px 4px 4px 30px;
    transition: padding 0.5s linear;
    display:inline-block;
}

.test:hover{
    padding:4px 30px 4px 4px;
}