Html 如何在boostrap卡中从下向上增长文本

我在我的网页上使用了一个Bootstrap-4卡

我希望

卡体中的文本从下到上增长

 <div class="col-xl-3 col-sm-6 mb-3">
    <div class="card text-white color4 o-hidden h-100">
        <div class="card-body">
            <div class="mr-5"><span class="float-left" 
        style="min-width:280px;font-size:17px;">Tool</span> 
        </div>
            <p>Contents i want this text to grow from bottom 
             to top.</p>
        </div>
        <div class="card-body-icon">
            <i class="fa fa-cogs" aria-hidden="true"></i>
        </div>
    </div>
</div>  


工具
内容我希望此文本从底部增长
到顶端

我不知道你的意思。我猜你想增加你的文字？
您可以使用：

p {
font-size: 60px;
}

甚至更好

your-div-name p {
font-size: 60px;
}

你是什么意思？文字已经25年了…相对于什么成长。。是否有相邻元素？