JSFiddle - React, Tailwind, and code Playground

HTML

<div class="armatura">

</div>
<div class="box">
<p class="text">
SunHuisko
</p>
</div>

CSS

body, p {margin:0;}
.armatura {
  width:100%;
  height:150px;
}
.box {
  width:100%;
  background-color:lightblue;
  display:flex;
  justify-content:center;
}
.text {
  font-size:40px;
  background-color:red;
  display:inline-block;
  border-radius:50%;
}