html中table上方出现大片空白

请问table与标题中间出现大量空白行，如何解决？

img

<html>
<head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>欢迎来到票务插入系统</title>
   <style type="text/css">
        body{
            text-align: center;
                }
        table, th, td {
        border:thin solid black;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
            }
 </style>
 </head>
 <body>
   <form action="http://localhost/insert.php" method="post">
      <h1>请输入您想插入的航班信息</h1>
    <hr>
    <table border="border">
    <tr>
        <td>航班号</td>
        <td><input type="text" name="name" size="30"/></td><br/>
    </tr>
        </table>
</form>
</body>
</html>

  • 添加u标签效果

    img

  • HTML5 源码

<body>
   <form action="http://localhost/insert.php" method="post">
      <h3><u>请输入您想插入的航班信息</u></h3>
    <table border="border">
    <tr>
        <td>航班号</td>
        <td><input type="text" name="name" size="22"/></td><br/>
    </tr>
        </table>
</form>
  • 改小了您size的值

    img

  • 是不是您size的值设太大呢？

    img