JSFiddle - React, Tailwind, and code Playground

HTML

<table class="my-info">
    <tbody>
        <tr>
            <td class="info-left">First name:</td>
            <td class="info-highlight">FirstName</td>
        </tr>
        <tr>
            <td class="info-left">Surname:</td>
            <td class="info-highlight">Surname</td>
        </tr>
        <tr>
            <td class="info-left">Email:</td>
            <td class="info-highlight">TheEmail</td>
        </tr>

    </tbody>
 </table>

CSS

.my-info td{
    padding:2px;
}

.my-info tr:nth-child(2) {
  border-bottom:solid 1px black;
}