jquery - 表并排输入/搜索在第一个表的顶部

Question

我有两张 table 并排放置。 “mytable”需要在屏幕上居中，“myinput”在顶部居中。 “mytable1”需要位于“mytable”的右侧，并且与顶部保持一致。我无法使代码正确。我将我尝试过的一些内容放入其中，使用内联 block 并向右浮动，但随后它会将“myinput”移动到左侧。

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search by any part of name or speed code" title="Type in a name">
 
    <table id="myTable" align="center" style="display: inline-block;">

	<tr>
	<td>Albert Einstein College of Medicine</td>
	<td>718-904-2444</td>
	<td>123</td>
	</tr>
	<tr>
	<td>Bronx Lebanon Hospital Center</td>
	<td>718-518-5118</td>
	<td>123</td>
	</tr>
	
	
    </table>

    <table id="myTable1" style="float: right;">
    <tr>
	<td>1</td>
	</tr>
	<tr>
	<td>2</td>
	</tr>
	<tr>
	<td>3</td>
	</tr>
    </table>

Answer 1

<div align="center">
<table id="myTable" align="center" style="display: inline-block;">
<tbody>
<tr style="text-align: center;">
    <td><input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search by any part of name or speed code" title="Type in a name"></td>
</tr>
<tr>
<td>Albert Einstein College of Medicine</td>
<td>718-904-2444</td>
<td>123</td>
</tr>
<tr>
<td>Bronx Lebanon Hospital Center</td>
<td>718-518-5118</td>
<td>123</td>
</tr>
</tbody></table>

<table id="myTable1" style="display: inline-block;">
<tbody><tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
</tbody></table>
</div>