JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container">
  <div class="col-md-12 simple-container">
    <div class="row">
      <div class="page-left col-sm-6">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates veniam, molestiae natus aliquam voluptatibus recusandae atque sunt incidunt iste aperiam fugiat officiis cumque modi aut, neque doloremque mollitia. Illo, doloremque! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor quasi veritatis vitae quae dolorem pariatur necessitatibus assumenda nam asperiores dicta, ut cum quibusdam nulla rem! Iste, dignissimos obcaecati. Quod, aliquam.</div>
      <div class="page-right col-sm-6">"You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder"</div>
    </div>
  </div>
</div>

CSS

.simple-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.simple-container .page-left h2 {
    margin-bottom: 0;
    font-weight: 400;
}

.simple-container .page-left .subtitle {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 100;
}

.simple-container .page-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.simple-container .page-right h2 {
    font-weight: 400;
    font-style: italic;
}