HTML无序列表设置inline行内显示不生效，如何排查错误？

你的CSS选择器与HTML结构不匹配：
为li设置display: inline的规则使用了#first-style li选择器，但你的HTML中包裹ul的div的ID是first-list，不存在ID为first-style的元素，因此这条样式规则完全没有命中任何li元素，自然不会生效。

将CSS中对应的选择器修改为#first-list li即可：

#first-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

#first-list li {
  display: inline;
}

• display: inline无法为元素设置宽高和上下边距，如果你需要控制图片间距、调整li的尺寸，建议将display: inline替换为display: inline-block。
• 也可以直接为#first-list ul添加display: flex规则，实现更灵活的一排排列效果，还可以通过gap属性直接控制元素间距：

#first-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  gap: 8px; /* 自定义图片之间的间距 */
}

内容的提问来源于stack exchange，提问作者Aditya Dixit