JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
	<div class="table-cell table-cell-ok">
		<span>Test</span>
	</div>
	<div class="table-cell table-cell-bug">
		<span>Test</span>
	</div>
</div>

CSS

div.table {
    display: table;
    width: 100%;
}
div.table-cell {
    display: table-cell;
    padding: 20px 0;
}

span 
{
    margin-left: 10%;
}


div.table-cell-bug:hover span 
{
    text-decoration: underline;

}
div.table-cell-ok {
    background: #dfd;
}
div.table-cell-bug {
    background: #fdd;
}