Html 使文本保留在列表项中

在我制作的网站上，我有一个ul设置。对于每个列表项，每个列表项中都有文本，但是当我放大和缩小页面时，文本开始从框中出来。它们是将文本保留在列表项中的方法吗

HTML

<div id="navigation">
                  <ul>
          <font face="Verdana, Geneva, sans-serif">
          <li> <a href="../index.html"> ƏSAS SƏHİFƏ  </a> </li>
          <li id="active-li"> <a href="#"> BIOQRAFIYA </a> </li>
          <li> <a href="../News&Events/N&SAz.html"> XƏBƏRLƏR VƏ HADISƏLƏR </a></li>
          <li> <a href="../Books/booksAZ.html"> KİTABLAR </a></li>
          <li> <a> VİDEOLAR </a> </li>
          <li> <a href="../Picutres/picutresAZ.html" id="last-item"> FOTOLAR </a> </li>
          </font>
        </ul>
            </div>
    </div>  

---

设置列表样式时最重要的一点是：不要设置列表样式！为内容设置样式。

重置列表。使用：

ul, li {margin:0;padding:0}

然后：

---

使用

display:block

将所有样式放置在列表中的锚定上。您可以在

LI

上使用定位，例如

float:left

，但将其他所有内容都放在

A

-标记上。

为什么不设置列表样式？因为这是最无问题的方法。顺便说一句，你的标签在UL和LI之间无效。请参见我的教程：

ul, li {margin:0;padding:0}