JSFiddle - React, Tailwind, and code Playground

by trolleymusic

HTML

<div>
 <div class="divmain">
   <div class="divleft">
    <label class="label">Date</label>
   </div>
   <div class="divright">
    <input type="text"/>
   </div>
 </div>
 <div class="divmain">
   <div class="divleft">
    <label class="label">Status</label><span class="mand">*</span>
   </div>
   <div class="divright">
    <label class="label">Pending</label>
   </div>
 </div>
 <div class="divmain">
   <div class="divleft">
    <label class="label">Reference No</label>
   </div>
   <div class="divright">
    <input type="text"/>
   </div>
 </div>
</div>

CSS

.divleft,
.divright {
    display: inline-block;
}

.divleft {
    width: 100px;
}