如何水平排列HTML元素？

我已经环顾了一下堆栈溢出问题的答案，但似乎什么都不起作用。我正在尝试为我的站点创建一个水平导航栏。我以前做过一个，所以我只是复制了CSS和HTML代码，但没有成功。我试着用手工再次编码，并使用

float:left

和

display:inline block

，但仍然没有成功

HTML:

---

您不需要段落（

）标记，这些标记仅用于实际段落，它们之间需要有行分隔。如果只是在同一行上创建按钮，则不需要它们

例如：

---

使用

flex

作为导航栏样式，例如，尝试以下代码：

.navbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

此代码从左到右排列元素，并设置垂直对齐中心

.navbar a {
    display: inline-block;
}

.navbar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}