JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://parcerisa.net/lluis/js/flowtype.js"></script>
<div id="whoText">
<p class="header">Who we are</p>
<p class="boxText">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
<p class="boxText">
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Lati</p>
</div>
CSS
#whoText {
width:45%;
float:left;
height:500px;
font-size:1em;
}
#whatText {
width:45%;
float:right;
height:500px;
}
#whiteBox {
width:30%;
float:right;
height:500px;
}
#textContain {
width:60%;
display: inline-block;
vertical-align: middle;
}
.header {
font-family: 'Dosis', sans-serif;
font-size:1.875em;
font-weight:800;
text-align:left;
color:#000;
padding-bottom:20px;
}
.boxText {
font-family: 'Josefin Slab', serif;
font-weight: 600;
font-size:1.063em;
color:#000;
text-align:left;
line-height:23px;
padding-bottom:15px;
}
JavaScript
$(document).ready(function() {
$('#whoText').flowtype({
minimum : 300,
maximum : 1200
});
})