Como posicionar texto centrado na parte inferior de uma <div>

[Nandinho]

Boa tarde!

Ola a todos, estou a fazer um curso online  de fundamentos de html e css e como projecto final pediram me para recrear o site da apple (apple.com/mz/)

Utilizei css grid para separar os conteudos, mas numa das grids tenho que posicionar o texto com hyperlinks por baixo da div. Agradecia que alguem me ajuda-se se nao estiver a incomodar.

o que ue fiz até agora foi o seguinte:

no html:

<div id="tvplus">
    <h3 id="title-h2">
      <h3><a href="#"><i class="fa fa-apple"></i></a>tv+</h3>
      <h3>Get 1 year of Apple TV+ free when</h3>
      <h3>you buy an apple device</h3>
    </h3>
    <p><a href="#">Learn more</a>&nbsp;&nbsp;&nbsp;></p>
  </div>

e o css:

#title-h2 {
  font-size: 10px;
}

Por favor se não estiver a incomodar, peço uma dica de como por o referido texto na parte inferior da caixa da div

Edited September 27, 2020 at 08:27 PM by Nandinho
correcting a mistake in the title