表格呈现的位置与代码中的位置不一致 - 51Testing软件测试论坛

老师，下面这样一段代码，可以看出表格的位置应该在列表之前，但打开页面呈现的却是表格在页末展示出来。是怎么回事呢？

<h4>以下是表格</h4>
<div>
<table border="3">
<thead>
   <tr><th>姓名</th><th>科目</th><th>成绩</th></tr>
</thead>
<tbody>
   <tr><td>王兰</td><td>语文</td><td>90</td></tr>
   <tr><td>张杰</td><td>数学</td><td>86</td></tr>
   <tr><td>李飞</td><td>英语</td><td>95</td></tr>
</tbody>
</tbale>
</div>
<h4>以下是列表</h4>
<div style="color:green">
<h5>无序列表</h5>
<ul>
  <li>国家</li>
  <li>省份</li>
  <li>地区</li>
</ul>
<h5>有序列表</h5>
<ol>
  <li>国家</li>
  <li>省份</li>
  <li>地区</li>
</ol>
</div>