how to align text vertically with bootstrap

on the class h-50 how would I align the text to the bottom of the div using bootstrap

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">  <div style='height:300px;border:1px solid #333;'>                  <div class="bg-primary d-inline-block h-25">Height 25%</div>                  <div class="bg-primary d-inline-block text-bottom h-50"><span class='text-bottom'>Height 50%</span></div>                  <div class="bg-primary d-inline-block h-75">Height 75%</div>                  <div class="bg-primary d-inline-block h-100">Height 100%</div>                  <div class="bg-primary d-inline-block h-auto">Height Auto</div>              </div>

https://stackoverflow.com/questions/65443011/how-to-align-text-vertically-with-bootstrap December 25, 2020 at 04:33AM