JSFiddle - React, Tailwind, and code Playground

by Frank Liu

HTML

<div class="reg-info">
  <table>
  <tr>
    <th class="reg-item-name">Email: </th>
    <th class="reg-item-val">[email protected]</th>
  </tr>
  <tr>
    <th class="reg-item-name">PIN: </th>
    <th class="reg-item-val">12345678</th>
  </tr>
  <tr>
    <th class="reg-item-name">License: </th>
    <th class="reg-item-val">xxxx-xxxx-xxxx-xxxx</th>
  </tr>
  <table>
</div>

CSS

.reg-info{
  background-color:#DDD;
  border-radius:5px;
  padding:5px;   
  font-size:15px;  
}

.reg-item-name{   
 font-weight: 400;
  padding-left:10px;
  text-align: right
}
.reg-item-val{   
  font-weight: 700;
  padding-left:10px;
  text-align: left
}