JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <h1>About Us</h1>
  <p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 😋</p>
</div>

CSS

div{
  width: 300px;
  padding: 50px;
  margin: 70px;
  border: 1px solid black;
  position: relative;
}

div h1{
  position:absolute;
  top: -40px;
  background: white;
  left: 50%;
  transform: translateX(-50%);
}
body{
  background: white;
}