在css中，如何让一个列表是水平的，而另一个是垂直的？

在CSS中，可以通过使用不同的布局方式来实现一个列表水平排列，而另一个列表垂直排列。

1. 水平列表： 可以使用CSS的flexbox布局来实现水平排列的列表。首先，将父容器的display属性设置为flex，然后设置flex-direction属性为row。这样子元素就会水平排列。

示例代码：

.horizontal-list {
  display: flex;
  flex-direction: row;
}

1. 垂直列表： 可以使用CSS的flexbox布局或者CSS的grid布局来实现垂直排列的列表。

使用flexbox布局时，将父容器的display属性设置为flex，然后设置flex-direction属性为column。这样子元素就会垂直排列。

示例代码：

.vertical-list {
  display: flex;
  flex-direction: column;
}

使用grid布局时，将父容器的display属性设置为grid，然后设置grid-template-columns属性为1fr（或其他宽度值）。这样子元素就会垂直排列。

示例代码：

.vertical-list {
  display: grid;
  grid-template-columns: 1fr;
}

以上是在CSS中实现水平和垂直列表的两种常见方法。具体选择哪种方法取决于实际需求和布局结构。