JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td>
      <div class="stack">
        <h1>Пример наложения текста на другой текст</h1>
        <p>Главное преимущество перед абсолютным позиционированием тут в том, что всё это безобразие подстраивается под размер контента, да еще и автоматом центрируется, если надо</p>
        <address>by SelenIT</address>
      </div>
    </td>
  </tr>
</table>

CSS

table{
  border:1px solid #bbb;
  width: 25%;
}
.stack {
  display: grid;
  grid-template: "a" ;
  align-items: center;
  justify-items: center;
  /* 2 последние строчки можно заменить на place-items: center;, но пока не везде поддерживается */
}

.stack > * {
  grid-area: a;
}

address {
  color: #888;
  z-index: 1;
}

p {
  z-index: 2;
}

h1 {
  width: 80%;
  z-index: 3;
  color: rgba(255,0,0,.5);
}