带有滚动文本和重叠div的句子 我试图用HTML和CSS在句子中间滚动文本。如何使句子的后半部分响应滚动文本？我确信“响应”甚至不是一个正确的短语，但希望你能明白我的意思……好一点，我正在学习！：）

我真的认为这应该是足够详细的问题，但我正在努力满足最低字数

谢谢

/*句*/
.判决{
颜色：#ff8800；
字体大小：30px；
文本对齐：左对齐；
显示：内联；
}
/*包装纸*/
.包装纸{
字体系列：“Raleway”，无衬线；
保证金：100像素自动；
填充：40px 40px；
位置：相对位置；
宽度：100%；
}
/*垂直滑动*/
.垂直滑动{
显示：内联；
文本缩进：8px；
}
.滑动垂直跨度{
动画：topToBottom 12.5s线性无限0s；
-ms动画：topToBottom 12.5s线性无限0s；
-webkit动画：topToBottom 12.5s线性无限0s；
颜色：#ff8800；
不透明度：0；
溢出：隐藏；
位置：绝对位置；
}
.滑动垂直跨度：第n个子项（2）{
动画延迟：2.5s；
-ms动画延迟：2.5s；
-webkit动画延迟：2.5s；
}
.滑动垂直跨度：第n个子项（3）{
动画延迟：5s；
-ms动画延迟：5s；
-webkit动画延迟：5s；
}
.滑动垂直跨度：第n个子项（4）{
动画延迟：7.5s；
-ms动画延迟：7.5s；
-webkit动画延迟：7.5s；
}
/*topToBottom动画*/
@-moz关键帧topToBottom{
0%{不透明度：0；}
5%{opacity:0；-moz变换：translateY（-50px）；}
10%{opacity:1；-moz变换：translateY（0px）；}
25%{opacity:1；-moz变换：translateY（0px）；}
30%{opacity:0；-moz变换：translateY（50px）；}
80%{不透明度：0；}
100%{不透明度：0；}
}
@-webkit关键帧topToBottom{
0%{不透明度：0；}
5%{opacity:0；-webkit transform:translateY（-50px）；}
10%{opacity:1；-webkit transform:translateY（0px）；}
25%{opacity:1；-webkit transform:translateY（0px）；}
30%{opacity:0；-webkit transform:translateY（50px）；}
80%{不透明度：0；}
100%{不透明度：0；}
}
@-ms关键帧topToBottom{
0%{不透明度：0；}
5%{opacity:0；-ms transform:translateY（-50px）；}
10%{不透明度：1；-ms变换：translateY（0px）；}
25%{不透明度：1；-ms变换：translateY（0px）；}
30%{不透明度：0；-ms变换：translateY（50px）；}
80%{不透明度：0；}
100%{不透明度：0；}
}

数
一
二
三
四
这是最好的

我们需要为

和
添加
显示：内联块

对于
显示：内联
，
边距
和
填充
被忽略

.sentence {
    color: #ff8800;
    font-size: 30px;
    text-align: left;
    display: inline-block;
}

.slidingVertical {
    display: inline-block;
}

谢谢你的回复，不幸的是它看起来仍然不太正确。看这里：你需要这样吗？“第一是最好的”