JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<form>
    <div class="btn-grp">
    <label>Name</label>
    <input type="text"/>
    
 </div>
<div class="btn-grp">
    <label>Password</label>
    <input type="text"/>
    
 </div>

<div class="radio-btn">
    <input type="radio"/>
<label>Testing</label>
</div>
<div class="radio-btn">
    <input type="radio"/>
<label>Testing</label>
</div>
<div class="radio-btn">
    <input type="checkbox"/>
<label>Testing</label>
</div>
       <div class="btn-grp">
    <label>Name</label>
    <input type="text"/>
    
 </div>
<div class="btn-grp">
    <label>Password</label>
    <input type="text"/>
    
 </div>
</form>

CSS

form{
 margin:0;padding:0;
}
.btn-grp{
 display:inline-block;
   padding:5px 0;
    margin:0 5% 0 5%;
}
form input[type="text"]{
   width:inherit;
    display:block;
    padding:5px 0;

}
form labe{
display:block;


}

.radio-btn{
 margin:0;padding:2px 0;
    display:inline-block;
    vertical-align:middle;
    
}
.radio-btn