JSFiddle - React, Tailwind, and code Playground

by bipinroshan

HTML

<div class="buttons">
    <li> <input class="submitbutton" type="submit" value="Register"></li> 
    <li> <input class="submitbutton" type="submit" value="Cancel"></li> 
</div>
        
        
<div class="buttons">
    <li> <input class="submitbutton" type="submit" value="Register"></li> 
    <li> <input class="submitbutton" type="submit" value="Sign In"></li> 
    <li> <input class="submitbutton" type="submit" value="Cancel"></li> 
</div>

CSS

.buttons {
}

.buttons > li {
display: table-cell !important; 
width: 1% !important;
float: none !important;
}

.buttons > li >* {
width:100%
}