JSFiddle - React, Tailwind, and code Playground

HTML

<div class="half-column-left">
<p>
Kolonne venstre
</p>
</div>
<div class="half-column-right">
<p>
Kolonne højre
</p>
</div>

CSS

.half-column-left {
  width: 50%;
  height: auto;
  float: left;
  padding: 20px 15px 20px 15px;
  background-color: #00BFFF;
}

.half-column-right {
  width: 50%;
  height: auto;
  float: right;
  padding: 20px 15px 20px 15px;
  background-color: #FFF;
}