JSFiddle - React, Tailwind, and code Playground

by rgthree

HTML

<article>
  <p>
  Lorem iipsome
  </p>
  <p>
  Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome Lorem iipsome 
  </p>
</article>

CSS

html, body {
  margin: 0;
}
body {
  background: #FFF;
}
article {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  padding: 1px;
  margin: 1px;
  flex-basis: -moz-min-content;
}

p {
  border: 0;
  display: block;
  margin: 15px;
  padding: 0;
  max-width: 100%;
  word-break: break-word;

}