Html 将div容器底部的文本居中

有人能告诉我如何将文本集中在div容器的底部吗

<div class="container-fluid">
        <header id="welcome-header" class="row">
            <div id="welcome-div">
                <a href="#" class="home-logo"><img src="img/logo.png" alt="logo"></a>
                <h1 class="welcome-text">
                    <span>Hi, I'm Robert. I design & build</span>
                    <br>
                    <span class="welcome-text-animation"></span>
                </h1>
                <div class="hire-button">
                    <a href="footer">Yes, I'm available for hire</a>
                </div>
                <div class="page-scroll ">
                    <a href="#welcome-div">
                        Learn more about what i do
                        <br>
                        <i class="fa fa-chevron-down"></i>
                    </a>
                </div>
            </div>        
        </header>

对不起，伙计们，你们误会我了。我希望字符串像底部一样粘在底部：0px

---

将

位置：相对
添加到
#欢迎标题
然后
位置：绝对；底部：0；左：0；右：0
至
。页面滚动
将元素定位在
#欢迎页眉
的底部，您的
文本对齐：居中
规则将文本水平居中


@导入url（'https://fonts.googleapis.com/css?family=Sansita');
#欢迎页眉{
宽度：100%；
高度：100vh；
背景图片：url（img/background.jpg）；
位置：相对位置；
}
.欢迎文本，
.欢迎文本动画{
字体系列：Sansita；
文本对齐：居中；
颜色：aliceblue；
字体大小：50px；
填充顶部：90px；
}
.家居标志{
显示：块；
文本对齐：居中；
}
.home logo img{
显示：内联块；
填充：2.5%；
宽度：120px；
高度：120px；
左边距：自动；
右边距：自动；
显示：块；
}
.租用按钮{
文本对齐：居中；
填充顶部：90px；
}
.租用按钮a{
字体系列：Sansita；
文字装饰：无；
颜色：aliceblue；
字体大小：25px；
边框：2px实心#FDCD3B；
边界半径：50px；
填充：1.2%；
过渡：所有0.2s线性；
}
.租用按钮a:悬停{
背景色：#FDCD3B；
颜色：#2A3A3F；
左：3%；
右：3%；
}
#欢迎收看{}
.页面滚动{
文本对齐：居中；
位置：绝对位置；
底部：0；
左：0；
右：0；
}
.页面滚动a{
字体系列：Sansita；
文字装饰：无；
字体大小：20px；
颜色：黑色；
}

嗨，我是罗伯特。我设计和建造


关于内容
技能内容
公文包内容
此处联系内容
将
位置：相对
添加到
#欢迎标题
然后
位置：绝对；底部：0；左：0；右：0
至
。页面滚动
将元素定位在
#欢迎页眉
的底部，您的
文本对齐：居中
规则将文本水平居中


@导入url（'https://fonts.googleapis.com/css?family=Sansita');
#欢迎页眉{
宽度：100%；
高度：100vh；
背景图片：url（img/background.jpg）；
位置：相对位置；
}
.欢迎文本，
.欢迎文本动画{
字体系列：Sansita；
文本对齐：居中；
颜色：aliceblue；
字体大小：50px；
填充顶部：90px；
}
.家居标志{
显示：块；
文本对齐：居中；
}
.home logo img{
显示：内联块；
填充：2.5%；
宽度：120px；
高度：120px；
左边距：自动；
右边距：自动；
显示：块；
}
.租用按钮{
文本对齐：居中；
填充顶部：90px；
}
.租用按钮a{
字体系列：Sansita；
文字装饰：无；
颜色：aliceblue；
字体大小：25px；
边框：2px实心#FDCD3B；
边界半径：50px；
填充：1.2%；
过渡：所有0.2s线性；
}
.租用按钮a:悬停{
背景色：#FDCD3B；
颜色：#2A3A3F；
左：3%；
右：3%；
}
#欢迎收看{}
.页面滚动{
文本对齐：居中；
位置：绝对位置；
底部：0；
左：0；
右：0；
}
.页面滚动a{
字体系列：Sansita；
文字装饰：无；
字体大小：20px；
颜色：黑色；
}

嗨，我是罗伯特。我设计和建造


关于内容
技能内容
公文包内容
此处联系内容
我的意思是，文本必须同时位于底部和中间。@robertbie它已经是容器元素中的最后一个元素了。它已经在底部了吗？@robertbie啊，好吧，这更有意义——就像一个粘脚？在用户滚动时总是在屏幕的底部？或者就在这一页的底部？就在这一页的底部。我这里不是说sticky（fixed）div:）请解释你的代码，这样的简短回答是不可取的。我的意思是，文本必须同时位于底部和中间。@robertbie它已经是容器元素中的最后一个元素了。它已经在底部了吗？@robertbie啊，好吧，这更有意义——就像一个粘脚？在用户滚动时总是在屏幕的底部？或者就在这一页的底部？就在这一页的底部。我不是在这里谈论Stick（fixed）div:）请解释您的代码，这样的简短答案不鼓励使用。在我看来，“了解更多关于我所做的事情”位于#欢迎页眉的底部@在我看来，“了解更多我所做的事情”是在“欢迎”标题的底部@请看编辑，谢谢！谢谢@罗伯特比：太棒了！谢谢@罗伯特比：）
#welcome-div {
    min-height: 100%;
    position: relative;
}

.page-scroll {   

}

.page-scroll a {
    font-family: Sansita; 
    text-decoration: none;
    font-size: 20px;
    color: aliceblue;
}

.page-scroll {  
   text-align:center;  
 }