列表橫排是一種網頁排版技術。在某些設計中，需要將列表項橫向排列，以節省空間和增加美觀性。在css中，我們可以使用flexbox或者float屬性來實現這一效果。

首先，使用flexbox的方法很簡單。只需在父元素中添加display: flex屬性，就可以將子元素自動橫向排列。如果希望子元素間留有一定的間隔，可以使用justify-content和align-items屬性進行控制。例如：

.parent {
display: flex;
justify-content: space-between;
align-items: center;
}
.item {
margin-right: 10px;
}

上述示例中，我們使用了justify-content: space-between來讓元素之間在父元素中均勻分布，同時通過align-items: center來實現子元素垂直居中。我們還為.item添加了margin-right: 10px的樣式，使相鄰元素之間保留10px的間距。

如果不想使用flexbox，也可以通過float屬性來實現列表橫排。我們為子元素添加float: left的樣式，使其浮動至左側。在父元素中添加overflow: hidden樣式可以清除浮動，防止發生高度丟失的情況。例如：

.parent {
overflow: hidden;
}
.item {
float: left;
margin-right: 10px;
}

上述示例中，我們在.item中添加了margin-right: 10px的樣式，使相鄰元素之間保留了一定的間距。

總的來說，列表橫排是一種非常實用的設計技術。通過靈活應用flexbox和float屬性，我們可以為網頁帶來更加美觀的視覺效果。