JSFiddle - React, Tailwind, and code Playground

by agus makmun

HTML

<div class='gabung'>
<div class='left'>
    <li>nama:</li>
    <li>nim :</li>
</div>
<div class='right'>
    <li>agus</li>
    <li>l200120</li>
</div>
</div>

CSS

.gabung {
margin: 0 auto;
width: 500px;
height: 40px;
padding: 10px;
background: #F0F0F0;
position: relative;
border-radius: 2px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 3px 5px 0 #C0C0C0;
}
.left, .right {
    float: left;
}
.left li, .right li {
width: 100px;
list-style: none;
}