HTML/CSS如何在同一行上添加标签？

我不知道这是否是这个问题的正确标题，我很抱歉，无论如何。。。所以在过去的几天里我一直在学习HTML和CSS。我想说，我一直在进步，我遇到了一个问题。我制作了一个ul列表，其中有几个li，我想将它们放在同一行（屏幕顶部，有点堆栈溢出，下拉列表是标题，新闻提要和问题是ul列表）。然而，在我观看的视频中，它告诉我要这样做：

h1 {
    margin 0;
    display: inline;
}

ul {
    margin: 0;
    display: inline;
}

---

在视频中，ul现在是水平的，而不是垂直的。我在网上搜索了一段时间，什么也找不到，所以我不得不来这里。现在我想知道是否有人能给我正确的代码来解决这个问题，并且在屏幕顶部的同一行上有标题和ul，事实上，我是否能获得某种链接来找到更好的学习HTML和CSS的方法？谢谢。

该示例将两个

ul

s并排放置，但对

ul

s中的

li

s没有任何帮助

相反，您希望：

li {
  display: inline;   // or inline-block
}

例如：

h1{
边际0；
显示：内联；
}
保险商实验室{
保证金：0；
显示：内联；
}
李{
边框：1px纯黑；
保证金：0；
显示：内联块；
}

标题

一个
两个
三个

您需要将

显示：inline

应用于

li

，而不是

ul

。见：

---

必须使li元素也内联，例如：

h1 {
  display: inline;
}

ul {
  display:  inline;
}

ul li {
  display:  inline;
}

---

一个关于h1标题的例子

我想你误解了他。他想让李元素挨在一起。谢谢，这个答案有帮助吗？它确实使文本水平，但是它与h1不在同一行上？有没有办法解决这个问题？刚刚在示例中添加了这个问题。更正。这确实起了作用，我为我之前的评论感到抱歉。

ul li {
    display: inline;
}

h1 {
  display: inline;
}

ul {
  display:  inline;
}

ul li {
  display:  inline;
}