JSFiddle - React, Tailwind, and code Playground

HTML

<div class="character">Jeff</div>
    <div class="line">This sure is a nice website we've got now.</div>
    <div class="character">Joel</div>
    <div class="line"> It certainly is. By the way, working at FogCreek rocks.</div>
    <div class="character">Jeff</div>
    <div class="line">Of course it does. Have you played Rock Band yet? <br/>It's a lot of fun.</div>

CSS

.character{
      display: block;
      float: left;
    }

    .line{
      margin-bottom: 20pt;
      width: 400px;
      margin-left: 50pt;
    }