Css位置（绝对值在相对值内）取决于行数

Question

悉尼汽车=相对div Supersrprint =处于绝对div

当我在一行上设置单词SUPERSPRINT的位置正在工作但我不知道如何在相对div上有更多的那一行时这样做，问题是有些标题是一行其他标题可能是这里的两三行：

所以我的问题怎么能这样做，无论行数如何设置绝对div的位置总是在相对div的最后一行，在上面的图像上它应该在PARK

感谢您的帮助。

Answer 1

我不认为，使用CSS可能会有一个准确的解决方案，但您总是可以尝试使用position和padding属性进行解决方法。

我使用<br>将文字放在新行上并显示了3个演示场景。

＆＃13;

＆＃13;

body {
  background: red;
}

h1 {
  color: #fff;
  position: relative;
  padding-bottom: 20px;
  font-size: 30px;
}

span {
  color: #000;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

＆＃13;

DEMO 1
<h1 class="demo-1">SYDNEY MOTO.
  <span>SUPERSPRINT</span>
</h1>

<hr> DEMO 2
<h1>SYDNEY MOTOSPORT <br>PARK
  <span>SUPERSPRINT</span>
</h1>
<hr> DEMO 3
<h1>SYDNEY MOTOSPORT<br> PARK <br>NEW LINE TEXT
  <span>SUPERSPRINT</span>
</h1>

＆＃13;

＆＃13;

＆＃13;