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

2

Hi @Sebastien and welcome to the Community!

We don’t support flexibility in terms of cell height.

To align content vertically you can apply usr-valign-center

You can find an overview of the supported classes here: HTML tables

FYI you don’t need to repeated class=””for every class you wish to add. You can add them all together just separated by a space e.g. class=”usr-width-100 usr-align-left”

KR

Romy