桌子與第一張桌子頂部並排輸入/搜索

Question

我有兩張我希望彼此相鄰的桌子。 「mytable」需要以「myinput」爲中心放在屏幕上。 「mytable1」需要在「mytable」的右側，甚至是在頂端。我無法設法讓代碼正確。我用內嵌塊向前扔了一些我嘗試過的內容，然後將「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;"> 
 

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

 
    <table id="myTable1" style="float: right;"> 
 
    <tr> 
 
\t <td>1</td> 
 
\t </tr> 
 
\t <tr> 
 
\t <td>2</td> 
 
\t </tr> 
 
\t <tr> 
 
\t <td>3</td> 
 
\t </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>