设置ul横向排列

要设置ul横向排列，可以使用CSS的flexbox布局或者使用float属性。

使用flexbox布局：

ul {
  display: flex;
  list-style: none;
  padding: 0;
}

li {
  margin-right: 10px;
}

使用float属性：

ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
  margin-right: 10px;
}

在以上代码中，ul元素被设置为flex容器或者设置了overflow: hidden属性，并且li元素被设置为float: left。这样就可以实现ul横向排列的效果了。