JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">

<h1>Заголовок</h1>
<div>Текст для публикации в telegramm</div>

</div>
<hr>
<script>
document.write('Размеры блока (зависит от текста)  Ширина:' + $('.block').width() + '  Высота:' + $('.block').height());
</script>

CSS

h1 {
  color:red;
 }
.block {
  text-align:center;
  background:yellow;
  display: inline-block;
  padding:10px

}