JSFiddle - React, Tailwind, and code Playground

by flyingL123

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.1.4/tailwind.min.css">
<div class="border-2 border-green-500 flex items-center justify-center" style="width:700px;">
  <div class="border-2 border-blue-500 mr-2">
    Left
  </div>
  <div class="border-2 border-red-500 flex flex-wrap">
    <span>Right side has much longer text that I would like to wrap.</span>
    <span>When it wraps why is the red parent still full width?</span>
  </div>
</div>