在CSS中，横向排列可以通过多种方式实现。以下是一些常用的方法：

1. 使用浮动（float）属性：将需要排列的元素设置为浮动，并设置合适的宽度值，使它们横向排列。例如：

```css

.container {

overflow: hidden; /* 清除浮动 */

}

.item {

float: left;

width: 20%; /* 每个元素占据容器宽度的20% */

}

```

2. 使用弹性盒模型（Flexbox）：通过设置容器的`display`属性为`flex`，并使用`flex-direction`属性指定排列方向为水平方向（`row`），可以实现横向排列。例如：

```css

.container {

display: flex;

flex-direction: row;

}

.item {

flex: 1; /* 元素平均占据剩余空间 */

}

```

3. 使用网格布局（Grid）：通过设置容器的`display`属性为`grid`，并使用`grid-template-columns`属性指定每列的宽度，可以实现横向排列。例如：

```css

.container {

display: grid;

grid-template-columns: repeat(5

20%); /* 五列，每列占据容器宽度的20% */

}

```

4. 使用`inline-block`：将需要排列的元素设置为`display: inline-block;`，并设置合适的宽度值，使它们横向排列。注意需要解决元素之间的空白间隙。例如：

```css

.container {

font-size: 0; /* 解决空白间隙 */

}

.item {

display: inline-block;

width: 20%; /* 每个元素占据容器宽度的20% */

}

```