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">
    <form>
        <input size="40" name="linksearch" type="text" /> <a href="#"> Search </a>

    </form>
</div>

CSS

.tabmethod {
    white-space: nowrap;
    padding: 10px;
    background-color: #cc0;
}
.center {
    text-align:center
}
form {
    white-space: nowrap;
    padding: 10px;
    margin:0 auto;
    width: auto;
    background-color: #cc0;
    display:inline-block
}