Html 水平显示无序列表

我有一个无序的图像列表，我需要将它们水平显示在一行中，没有边距/填充或列表样式，我将使用什么CSS来实现这一点

以下是我的html代码：

CSS呢：

ul, li {
  margin: 0;
  padding: 0;
  list-style:none;
}

li {
  display: inline;
}

---

将浮动设置为左侧将使列表水平

li {
    float: left;
}

添加以下CSS

 #carousel-list{padding:0;margin:0;}
 #carousel-list li{display:inline-block;}

试试这个

#carousel-list {
    display: inline;
    list-style-type: none;
    padding:0;
    margin:0;
}

但谷歌的速度更快

有可能复制

#carousel-list li
{
    display: inline-block;
}

#carousel-list
{
    list-style-type: none;
}