JSFiddle - React, Tailwind, and code Playground

HTML

<table id="hostingInfo">
    <tr>
        <td>Service:</td>
        <td colspan="3"><input type="text" id="hostService" name="hostService" style="width: 200px;" maxlength="28" /></td>
    </tr>
    <tr>
        <td>Name:</td>
        <td><input type="text" id="hostAccountUser" name="hostAccountUser" style="width: 200px;" maxlength="28" /></td>
        <td>Address:</td>
        <td><input type="text" id="hostAccountPswd" name="hostAccountPswd" style="width: 200px;" maxlength="28" /></td>
    </tr>
    <tr>
        <td>Email:</td>
        <td><input type="text" id="hostEmail" name="hostEmail" style="width: 200px;" maxlength="28" /></td>
        <td>Phone:</td>
        <td><input type="text" id="hostPhone" name="hostPhone" style="width: 200px;" maxlength="28" /></td>
    </tr>
</table>

CSS

td { padding: 5px; }

.centerText { text-align: center !important; }

JavaScript

//right-align the <td>s that do not have an <input> tag
$('#hostingInfo td:not(:has(input))').css('text-align', 'right');