JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
   <p class="texto1">Teste</p>
   <p class="texto2">Teste 2</p>
   
   <h1 class="texto3">
    Eu sou um texto e quero ficar beeeem longe
   </h1>
</div>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

.container {
   display: flex;
   flex-direction: column;
   padding: 20px;
}

.texto1 {
   font-size: 26px;
}

.texto2 {
   margin-top: 20px;
}

h1 {
  margin-top: 3em;
}