JSFiddle - React, Tailwind, and code Playground

by joshuaohana

HTML

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

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

CSS

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

p {
  
      -webkit-margin-before: 0;
      -webkit-margin-after: 0;
}


div:nth-of-type(1) {
  top: 10%;
  margin: 0;
}
div:nth-of-type(2) {
  top: 20%;
  margin: auto 10%;
}