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

Question

我有两张桌子想要并排放置。 “mytable”需要在屏幕上居中，“myinput”在顶部居中。 "mytable1" 必须在 "mytable" 的右边，甚至在顶部。我无法使代码正确。我用 inline-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>