Javascript 如何安排文本从div的底部开始？

我希望将元素中的文本对齐，使其从页面底部开始。我希望这样，当我增加或减少div的宽度时，文本首先填充底部，然后填充顶部

我希望看起来像adobe illustrator的以下设计：

相反，它看起来如下所示：

第二幅图中使用的代码如下所示：

<style media="screen">
  *{
    font-family: 'Heebo', sans-serif;
  }
  .big-intro-text{
    font-size: 100px;
    width: 100%;
    position: absolute;

  }
  .big-intro-text div{
    border: solid 1px green;
    text-align: left;
    color: gray;
    max-width: 800px;
    height: auto;
    display: inline-block;
    vertical-align: text-bottom;
  }
</style>

<div class="big-intro-text" align = "center">
  <div>home of the zebras</div>
</div>

---

每种情况都有很多技巧，但是在您的示例中，您可以通过使用：：before pseudo来实现这一点，这里是一个示例

* { 字体系列：“Heebo”，无衬线； } .大介绍文字：：之前{ 内容：； 宽度：100%； 身高：11.8雷姆； 位置：绝对位置； 边框：实心1px绿色； } .big intro text>div{ 位置：相对位置； 文本对齐：左对齐； 颜色：灰色； 宽度：100%； 字体大小：100px； 顶部：-20px； 最大宽度：800px； 显示：内联块； } 斑马之家

---

您可以在顶部添加大量边距，并降低div高度

很抱歉，我听不懂这个问题。

* { 字体系列：“Heebo”，无衬线； } .大介绍文字{ 字体大小：100px； 宽度：100%； 位置：绝对位置； } 跨度{ 显示：块； } .大介绍文本部分{ 边框：实心1px绿色； 文本对齐：左对齐； 颜色：灰色； 最大宽度：800px； 高度：自动； 显示：内联块； 垂直对齐：文本底部； } 斑马之家

---

我们可以更改HTML吗@progrTry这个@progr