How do I make the H1 element above the P element?

How do I make the H1 element above the P element?
starngly, the flexbox doesnt seem to work.

.brazil2 {
display: flex;
flex-direction: row;
justify-content: space-between;

}

Change flex-direction: row; to flex-direction: column;.

HTML:

<div class="brazil2">
  <h1>LOREM IPSUM</h1>
  <p>
  Cotton candy caramels chocolate bar chupa chups croissant icing. 
  Croissant dragée sweet roll pie. 
  Toffee caramels chocolate jujubes. 
  Danish caramels jujubes sugar plum gummies donut tiramisu.
  </p>
</div>

CSS Section:

.brazil2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}