JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form">
<ul>
    <li>Item 1<input type="text" value="" id="tb1" />
</li>
        <li>Item 2 <input type="text" value="" id="tb2" /></li>
        <li>Item 3 <input type="text" value="" id="tb3" /></li>
        <li>Item 4 <input type="text" value="" id="tb4" /></li>
    
</ul>
</div>

CSS

.form
{
    background-color:#EDEDED;
    width:80%;
}
.form li.focused
{
    background-color:yellow;
}

.form ul li
{
    padding:.6em 0 0.6em 0;
}