score:1

<div className="flex flex-row justify-between items-center bg-gray-200 p-5 h-5 pl-2 mb-2 text-md text-primary-500  font-bold  text-gray-500">
Invitee {i + 1}
  <span className="float-right">
      {!!i && (
          <Button primary className="rounded-md float-right mt-4" onClick={() => removeInvitee(pId)}>
              - Invitee
          </Button>
      )}
  </span>
</div>

score:1

<script src="https://cdn.tailwindcss.com"></script>
<div class="container mx-auto py-4">
<div class="bg-gray-200 text-md flex items-center justify-between rounded-r-md">
  <div class=" font-bold  text-gray-500 ml-4" >Invitee 2</div>
  <div class="">
    <Button primary class="rounded-md bg-black text-white py-2 px-4" onclick="removeInvitee(pId)">
        - Invitee
    </Button>
  </div>
</div>
</div>

Related Query

More Query from same tag