JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

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

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

CSS

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

}
input[type="radio"]{
   width:inherit;
    display:inline-block;
    padding:5px 0;
    vertical-align:top;

}
label{
display:block;
padding:2px 0;
}

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