JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="row">
  <div class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!</div>
  <div class="right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores itaque deleniti expedita magni nemo. Fugiat harum culpa magnam ratione totam quos ipsam, tenetur, laborum dolorem temporibus quis recusandae!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto maiores...

CSS

body {
  margin: 0;
}
*{ 
  box-sizing: border-box;
}
.row {
   padding-right: 200px;
}
div.row:after {
  content: '';
  display: table;
  clear: both;
}
div.left {
  width: 50%;
  padding-right: 10px;
  float:left;
}
div.right {
  width: 50%;
  padding-left: 10px;
  float:right;
  text-align: right;
}