JSFiddle - React, Tailwind, and code Playground

by maxhq

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>
<div class="ui grid">
  <div class="eight wide column justified">
  <h3>Justified text</h3>
    Water and ice move around inside the cloud; forced up by warm air currents,
    down by gravity, and compressed in the cloud. Just as rubbing a balloon can
    create static electricity, the particles in the cloud become charged. It’s
    not clear how it happens, but charges separate in the cloud. Positive charges
    move up, and negatives move down.
  </div>
</div>

<div class="ui centered grid">
  <div class="eight wide column justified">
  <h3>Centered column - no justified text anymore</h3>
    Water and ice move around inside the cloud; forced up by warm air currents,
    down by gravity, and compressed in the cloud. Just as rubbing a balloon can
    create static electricity, the particles in the cloud become charged. It’s
    not clear how it happens, but charges separate in the cloud. Positive charges
    move up, and negatives move down.
  </div>
</div>

CSS

body {
    padding: 1em;
}

JavaScript

// Add javascript here