JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<section class="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lacinia sollicitudin scelerisque. Integer et quam accumsan, interdum neque quis, dignissim nulla. Sed venenatis sollicitudin metus at tempus. In hac habitasse platea dictumst. Aliquam et
    purus vitae sapien ornare fringilla eget quis risus. Donec congue molestie purus at tincidunt. Phasellus consectetur vestibulum sapien sed mattis. Donec non sem eros. Maecenas vel nulla ac erat ultricies sodales. In nec congue dui, in interdum sem.</p>
  <p>Duis commodo erat nec tellus tincidunt, vitae imperdiet elit placerat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam varius blandit molestie. Phasellus magna mauris, venenatis quis lacus eu, vestibulum pellentesque eros. Sed ac nisl
    vel erat fringilla gravida ut at lacus. Donec ac turpis ac leo ullamcorper accumsan vitae luctus ex. Aenean id lorem ut tellus efficitur eleifend ac ac felis. Vivamus lacinia, odio in viverra ullamcorper, justo leo hendrerit tellus, et tempus tortor
    lacus nec quam. Duis finibus sapien vel neque hendrerit, et ultricies erat ornare. Donec commodo nec justo sed dignissim. Suspendisse vestibulum, magna feugiat pretium tempor, turpis justo malesuada est, at posuere sem lectus sit amet diam. Praesent
    rutrum sem et turpis viverra, ac vehicula nunc malesuada. Curabitur porttitor faucibus sem non finibus.</p>
</section>

CSS

body {
  margin: 0;
  background: #303030;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 300;
  color: #fff;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.content {
  margin: 3rem;
}