JSFiddle - React, Tailwind, and code Playground

HTML

<p>width</p>

CSS

body { width: 500px; }
p { width: 200px; background: indianred; -webkit-transition: width 1s;  -o-transition: width 1s;  -moz-transition: width 1s; }

p:hover { width: auto; }