Html 文本/标题中的内联列表

我想在标题中显示列表（已设置动画）。我想让清单和正文的其余部分放在一起。我将UL设置为display:inline块，希望li位于基线上，但它没有：

*{margin:0；padding:0}
.自行车{
显示：内联块；
位置：相对位置；
}
李{
动画：单词循环2.5s线性无限0s；
位置：绝对位置；
排名：0；
可见性：隐藏；
}
.循环李：第n个孩子（2）{
动画延迟：0.5s；
}
.循环李：第n个孩子（3）{
动画延迟：1s；
}
.循环李：第n个孩子（4）{
动画延迟：1.5s；
}
.循环李：第n个孩子（5）{
动画延迟：2s；
}
@字周期的关键帧{
20%,
100% {
可见性：隐藏；
}
0% {
能见度：可见；
}
}

这是一些带有列表的文本：

一个
两个
三
四
菲斯

问题在于您的

li

定位

absolute

将其删除，它将进入内联状态

*{margin:0；padding:0}
h1{
显示器：flex；
}
.自行车{
显示：内联块；
位置：相对位置；
列表样式类型：无；
}
李{
动画：单词循环2.5s线性无限0s；
位置：绝对位置；
排名：0；
可见性：隐藏；
左边距：10px；
}
.循环李：第n个孩子（2）{
动画延迟：0.5s；
}
.循环李：第n个孩子（3）{
动画延迟：1s；
}
.循环李：第n个孩子（4）{
动画延迟：1.5s；
}
.循环李：第n个孩子（5）{
动画延迟：2s；
}
@字周期的关键帧{
20%,
100% {
可见性：隐藏；
}
0% {
能见度：可见；
}
}

这是一些带有列表的文本：

一个
两个
三
四
菲斯

试试这个

*{margin:0；padding:0}
h1{
显示：内联；
位置：相对位置；
}
.自行车{
显示：内联块；
位置：绝对位置；
右：-40px；
}
李{
动画：单词循环2.5s线性无限0s；
位置：绝对位置；
排名：0；
可见性：隐藏；
}
.循环李：第n个孩子（2）{
动画延迟：0.5s；
}
.循环李：第n个孩子（3）{
动画延迟：1s；
}
.循环李：第n个孩子（4）{
动画延迟：1.5s；
}
.循环李：第n个孩子（5）{
动画延迟：2s；
}
@字周期的关键帧{
20%,
100% {
可见性：隐藏；
}
0% {
能见度：可见；
}
}

这是一些带有列表的文本：

一个
两个
三
四
菲斯

删除此选项确实会将文本放在正确的位置，但它必须绝对定位，因为我希望所有LI都在同一行上。您希望所有

LI

都在同一行上。你可以编辑你的问题来显示另一个

li

以及你想如何显示它们。我已经用动画列表更新了我的原始问题。好的，我知道了。但是，在更新中，您的

li

与您的

h1

内联，我没有重置填充/边距。已经更新。