<br/>标签正在影响我所有其他 div

Question

我是一个新手，我试图创建一个网站只是为了练习，我意识到当我想换行其中一个div（只是为了让stuf花哨）时，我所有其他的div都被换行了，但我不想要。 你如何解决这个问题？

<ul class = "nav">
            <div class = "head_dividers"><li> <a href = "file:///C:/Users/Owner/AppData/Roaming/Sublime%20Text%203/Packages/User/practice1.html"> Hello <span>  World </span> </a> </li> </div>
            <div class = "head_dividers"><li> <a href ="file:///C:/Users/Owner/AppData/Roaming/Sublime%20Text%203/Packages/User/practice1.html"> stuff </a> </li></div>
            <div class = "head_dividers"><li> <a href ="file:///C:/Users/Owner/AppData/Roaming/Sublime%20Text%203/Packages/User/practice1.html"> Help </a> </li> </div>
        </ul>
    </div>

Answer 1

<div> 标签内不应包含 <li> 标签。如果您愿意，可以交换它们，但通常，<div>是一个分隔符，并且<ul>/<li>项设置自己的间距/分隔符（在每个新列表项上）。

另一方面，<br />标签用于文本内部，以在特定点创建中断。

我会推荐一些更简单的东西，比如这样：

<ul class="nav">
  <li class="head_divider">...</li>
  <li class="head_divider">Text<br />Here</li>
  <li class="head_divider">...</li>
</ul>

并使用 CSS 添加任何必要的样式/间距。