为每个 Div 标签添加新行

Question

我正在构建一个导航栏，并且为每个链接制作一个单独的 div 标签，这样我就可以指定它们的 margin-left，因为它是一个水平栏。

然而，当我添加标签时，<div>它会将下一个标签放在下一行：

<div>HOME</div>
<div>ABOUT</div>
<div>MUSIC</div>
<div>CONTACT</div>

打印：

HOME
ABOUT
MUSIC
CONTACT

然而当我删除它们时它会打印

HOME ABOUT MUSIC CONTACT

我怎样才能保持它的水平，同时仍然保持它们的风格。非常感谢

Answer 1

您正在寻找的是：

在您的样式表（例如 style.css）中：

.nav_button {
    display: inline;
}

在你的 HTML 中：

<div class="nav_button">
   HOME
</div>

默认情况下它们是display: block;

为 Brian Rose进行编辑，使其位于样式表中，而不是按照我的快速示例内联。