JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div id="isActiveContainer" class="insert">
	<label>Active Only:</label>
	
        <input name="search_isActive" id="search_isActive_field" value="1" type="checkbox"/>
</div>
<input name="search" value="Search" id="hidden_search" type="hidden">


<!-- New record -->
<a class="insert adminButton" href="admin/index.php/participants/edit/" title="Insert"><span class="typicons-plus"></span>Add Participant</a>
    
<div id="isActiveContainer" class="insert">
    <label>Active Only:</label>
    <select name="toppings" id="toppings">
        <option value="pepr">Pepp</option>
        <option value="mush">Mushrooms</option>
        <option value="exch">Extra Cheese</option>
    </select>
  </div>

CSS

a {
    color:inherit;
    text-decoration:none;
}
.insert{
    color:white;
    background:blue;
    display:inline-block;
    background: #333;
    margin:2px
    float:left;
    padding:10px 15px;
    font-size:18px;
    text-align:center;
}