JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<section class="container">
  <div class="column left">
    <p>A line goes here</p>
  </div>
  <div class="column right">
    <p>More lines here</p>
    <p>More lines here</p>
    <p>More lines here</p>
    <p>More lines here</p>
  </div>
</section>

CSS

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html,
body,
.container {
  background:#ECECEC;
  width: 100%;
}

.container {
  border-spacing: 10px;
  display: table;
  background: #ccc;
}

.column {
  background-color: #EEE;
  display: table-cell;
}

.column p {
  margin: 10px;
}