JSFiddle - React, Tailwind, and code Playground

by Pavel Mareš

HTML

<ul>
	<li>asdasdas</li>
	<li>asdasdasdasda</li>
	<li>asdasdasda</li>
</ul>

CSS

ul {
	display: flex;
}

li {
	display: inline-block;
	min-width: 150px;
	transition: all 200ms ease;
	background: blue;
	color: white;
	padding: 0 20px;
}

li:hover {
	padding-right: 0;
	background: red;
	min-width: 170px
}