JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>

<div class="secRow">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>

CSS

imgContainer {
  position: absolute;
  width: 100%;
  display: flex;  
  justify-content: center;
  flex-direction: row;
  justify-content: space-between;
}


firstRow {
  top: 10%;
  margin: 0;
}
.secondRow {
  top: 20%;
  margin: auto 50px;
}