title: Center text in an HTML table across group of cells
body: <p>I would like to, once having an HTML table, be able to take a group of cells and write a text (in this case, a single character) centered both vertically and horizontally across that group of cells, just as in the image below.</p>
  
  <p><a href="https://i.stack.imgur.com/mg7hR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mg7hR.png" alt="HTML table centered text"></a></p>
  
  <p>I have explored the possibility of writing the text in the first (top-left) <code>td</code> and then use the <code>overflow</code> CSS property over that <code>td</code> element in order for the text to go over the limits of the <code>td</code>. However, this would not work for centering the text vertically (across <code>tr</code>).</p>
  
  <p>Is there any way to do this just using a simple HTML table and CSS, or should I consider using a canvas in order to overlap a text over the table?</p>