Vertically Centering Text in a Fixed-Height Table Row

Templates
1

For my title page, I want to center the title within a frame that is slightly offset from the page (it’s not exactly in the middle of the page).
Using <br> tags, I managed to position it at the right height and then create a table.

Now, I would like the second row of my table to have an exact height of 70 px, and the text {{ page_title.title }} inside that row should be vertically centered.

Which attributes should I add to the code below?

<br><br><br><br><br><br><br><br><br><br><br><br><br>

<table class="usr-width-100" class="usr-bordered">
  <thead>
    <tr>
     <th class="usr-align-left" class="usr-width-10"></th>
     <th class="usr-align-left" class="usr-width-80"></th>
     <th class="usr-align-left" class="usr-width-10"></th>
   </tr>
  </thead>
  <tbody> 
  
   <tr>
     <td class="usr-align-right"></td>
     <td class="usr-align-center"><font color="ffffff" size ="30">{{page_title.title}}</font></td>
     <td class="usr-align-right"></td>
   </tr>
  </tbody>
</table>

Thanks in advance,

Sebastien