下面是我4-11的课后练习，这个代码对么？为什么水果和蔬菜的标题我设置了<h1></h1>后不能像例子一样靠左显示？下水果蔬菜下面的项目反而靠左显示了？

<a name="top">这里是顶部<br/></a>

<a href="#fruit">水果</a><br/>

<a href="#vegetable">蔬菜</a><br/>

<a href="#sport">运动</a><br/>

<a name="fruit"><h1><ul>水果</ul></h1></a>

<li>香蕉</li>

<li>苹果</li>

<li>葡萄</li>

<li>梨</li>

<li>西瓜</li>

<li>樱桃</li>

<li>菠萝</li>

<li>橙子</li>

<li>柚子</li>

<li>芒果</li>

<br/>

<a href="#top">返回顶部</a>

<a name="vegetable"><h1><ul>蔬菜</ul></h1></a>

<li>西红柿</li>

<li>黄瓜</li>

<li>土豆</li>

<li>荠菜</li>

<li>蒜台</li>

<li>西葫芦</li>

<li>香菇</li>

<li>菠菜</li>

<li>豆角</li>

<li>油菜</li>

<br/>

<a href="#top">返回顶部</a>