css列表横向排列文字

在CSS中，如果你想让列表项（li元素）横向排列文字，可以使用`display: inline-block`或`flexbox`布局。这里有两个简单的例子：

1. **使用`inline-block`**:

   ul {
     list-style-type: none;
     padding: 0;
   }
   
   li {
     display: inline-block;
     margin-right: 10px; /* 或者自定义间距 */
   }

这样，`<ul>`内的所有`<li>`元素会水平排列，每行一个。

2. **使用`flexbox`**:

   ul {
     list-style-type: none;
     display: flex;
     flex-wrap: wrap; /* 让项目换行 */
     justify-content: space-between; /* 可选，设置列间距离 */
   }
   
   li {
     flex-basis: auto; /* 自适应宽度 */
     margin-bottom: 10px; /* 或者自定义间距 */
   }

如果项目的宽度不是固定的，使用`flex-basis: auto`会让每个`li`自动调整其宽度以适应空间。