怎么把这个元素在nav中横向排列？

您可以使用CSS的display属性和float属性来实现将nav中的元素横向排列。

例如，您可以将nav中的元素设置为display:inline-block;，这样它们就会水平排列。您还可以使用float:left;属性将它们向左浮动，使它们在同一行上。

以下是示例CSS代码：

nav {
  overflow: hidden; /* 清除浮动 */
}

nav a {
  display: inline-block;
  float: left;
}

请注意，当使用float属性时，您需要在nav上设置overflow:hidden;属性来清除浮动，以确保nav具有正确的高度。