如何在css中移动单个单词

我有一个我正试图复制的模型，我很难把所有东西都放在正确的地方

如果顶部没有渐变，这将很容易——我只需要使用两个单独的h1元素，并根据需要移动它们。问题是如果我这样做，梯度不会在两个元素上都存在

我可以通过将第二个单词包装在另一个标签内，对其进行其他样式的更改（例如缩小或更改其颜色），但我只想将其稍微向上移动，稍微向左移动，这似乎不起作用

这是一些工作代码，有人有什么想法吗

#foo{
字体系列：“Fugaz One”，“arial黑色”，无衬线；
位置：相对位置；
变换：旋转（-7.7度）；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
背景图像：-webkit线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-莫兹线性梯度（7.7度，#ef8181，#fa9551）；
背景图像：-ms线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-o-线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：线性梯度（7.7度，ef8181度，fa9551度）；
字体大小：16vw；
左：-2vw；
顶部：-10vh；
}

---

TEXT
在那里

您可以使用

行高

属性调整两个单词之间的垂直间距。通过使用

文本缩进

属性将第一行/单词向右移动，然后偏移

左

属性，可以将第二个单词向左移动

#foo{
字体系列：“Fugaz One”，“arial黑色”，无衬线；
位置：相对位置；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
变换：倾斜（-10度）旋转（-7.7度）；
线高：0.9；
文本缩进：-10px；
背景图像：-webkit线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-莫兹线性梯度（7.7度，#ef8181，#fa9551）；
背景图像：-ms线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-o-线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：线性梯度（7.7度，ef8181度，fa9551度）；
字体大小：16vw；
左：0vw；
顶部：-10vh；
}

---

TEXT
在那里

您可以使用

行高

属性调整两个单词之间的垂直间距。通过使用

文本缩进

属性将第一行/单词向右移动，然后偏移

左

属性，可以将第二个单词向左移动

#foo{
字体系列：“Fugaz One”，“arial黑色”，无衬线；
位置：相对位置；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
变换：倾斜（-10度）旋转（-7.7度）；
线高：0.9；
文本缩进：-10px；
背景图像：-webkit线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-莫兹线性梯度（7.7度，#ef8181，#fa9551）；
背景图像：-ms线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-o-线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：线性梯度（7.7度，ef8181度，fa9551度）；
字体大小：16vw；
左：0vw；
顶部：-10vh；
}

TEXT
那里

#foo{
显示器：flex；
弯曲方向：立柱；
字体系列：“Fugaz One”，“arial黑色”，无衬线；
位置：相对位置；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
变换：倾斜（-10度）旋转（-7.7度）；
线高：0.9；
背景图像：-webkit线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-莫兹线性梯度（7.7度，#ef8181，#fa9551）；
背景图像：-ms线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-o-线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：线性梯度（7.7度，ef8181度，fa9551度）；
字体大小：16vw；
}
跨度{
左边距：15px；
边缘底部：5px；
}
span:n个孩子（偶数）{
左边距：35px；
}

text那里

#foo{
显示器：flex；
弯曲方向：立柱；
字体系列：“Fugaz One”，“arial黑色”，无衬线；
位置：相对位置；
颜色：透明；
-webkit背景剪辑：文本；
背景剪辑：文本；
变换：倾斜（-10度）旋转（-7.7度）；
线高：0.9；
背景图像：-webkit线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-莫兹线性梯度（7.7度，#ef8181，#fa9551）；
背景图像：-ms线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：-o-线性梯度（7.7度，ef8181度，fa9551度）；
背景图像：线性梯度（7.7度，ef8181度，fa9551度）；
字体大小：16vw；
}
跨度{
左边距：15px；
边缘底部：5px；
}
span:n个孩子（偶数）{
左边距：35px；
}

---

text那里

感谢您的回复。我以前使用过行距，但问题是当两个单词之间的距离太近时，行距会将我的一些字母（特别是S、B和C）的顶部切掉。在使用文本缩进方面做得很好，但我想知道是否还有其他更通用的方法？如果有一段文字，你只想把中间的一个词稍微移离其余部分？嗯，歪斜似乎帮不了我的信被砍掉。此外，通过倾斜文本，它使其不太像模拟对象。我曾想过使用单独的h1和单独的渐变颜色（从模型中选择），但我有很多行，这适用于，必须有一种比复制和粘贴所有这些颜色代码更有效的方法。感谢您的回复。我以前使用过行距，但问题是当两个单词之间的距离太近时，行距会将我的一些字母（特别是S、B和C）的顶部切掉。在使用文本缩进方面做得很好，但我想知道是否还有另一种方法可以做到这一点，那就是使用更多的g