css – Align content in div

I need the content that is in the h1 is aligned below the div.


I'm using bootstrap4.1 and have followed the contents of the link https://getbootstrap.com/docs/4.0/utilities/vertical-align/, but to no avail.
I think it must be simple, but I still have not understood the underlying concept. If someone can help me.