JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table-wrapper">
<table>
    <tbody>
        <tr>
            <td class="igv-popover-td">
                <div class="igv-popoverNameValue">
                    <span class="igv-popoverName">Name</span>
                    <span class="igv-popoverValue">NUP210L</span>
                </div>
            </td>
        </tr>
        <tr>
            <td class="igv-popover-td">
                <div class="igv-popoverNameValue">
                    <span class="igv-popoverName">Name</span>
                    <span class="igv-popoverValue">NUP210L</span>
                </div>
            </td>
        </tr>
        <tr>
            <td class="igv-popover-td">
                <div class="igv-popoverNameValue">
                    <span class="igv-popoverName">Name</span>
                    <span class="igv-popoverValue">NUP210L</span>
                </div>
            </td>
        </tr>
        <tr>
            <td class="igv-popover-td">
                <div class="igv-popoverNameValue">
                    <span class="igv-popoverName">Name</span>
                    <span class="igv-popoverValue">NUP210L</span>
                </div>
            </td>
        </tr>
    </tbody>
</table>
</div>

CSS

.table-wrapper{width:100px; border:1px solid #000;}
.igv-popoverName {
    float: left;
    width: 45px;
}
.igv-popoverValue {
    word-break: break-all;
    float: right;
    width: 45px;
}