JSFiddle - React, Tailwind, and code Playground

by stgermaniac

HTML

<div class="advantages">


  <p>Paragraph 1: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
  <p>Paragraph 2: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
  <p>Paragraph 3: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>
  <p>Paragraph 4: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p>

</div>

CSS

.advantages p {
  width: 45%;
  float: left;
  border: dashed 1px red;
}

.advantages p:nth-child(even) {
  float: right;
}