JSFiddle - React, Tailwind, and code Playground

by Danilo Metzker

HTML

<div class="fnt">texto texto texto</div>

<div class="card"> texto2 texto3 idsdnldnxc</div>

<div class="text">titulo antes dos numeros</div>

<div class="card2">
  <div class="numero">NUMERO</div>
  <div class="numero">NUMERO</div>
</div>

CSS

.fnt{
  position:absolute;
  top:60px;
  font-size:20px;
  width:100%;
  text-align:center;
}
.card{
  position:absolute;
  width:60%;
  left:20%;
  top:100px;
  padding:10px;
  background:blue;
  text-align:center;
}

.text{
  position:absolute;
  top:200px;
  width:100%;
  text-align:center;
}

.card2{
  position:absolute;
  width:60%;
  left:20%;
  top:230px;
  text-align:center;
}

.numero{
  display:inline-block;
  background:aqua;
  padding:5px;
  margin:5px;
  border-radius:8px;
}