JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td width='50%'></td>
            <td>
                <div class='tabmethod'>
                    <input type='text' name='linksearch' size='40' />
<a href=''>Search</a>

                </div>
            </td>
            <td width='50%'></td>
        </tr>
    </tbody>
</table>
   <!-- Just using <br> to space data -->
<br>
<br>
<!-- Div Code without Tables Below -->

<div class="center">
    <input size="40" name="linksearch" type="text"/>
    <a href="#"> Search </a>
</div>

CSS

.tabmethod {
    white-space: nowrap;
    padding: 10px;
    background-color: #cc0;
}

.center {
    white-space: nowrap;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    background-color: #cc0;
}