JSFiddle - React, Tailwind, and code Playground

by haba713

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- 
  Bootstrap docs: https://getbootstrap.com/docs
-->

<div class="container">
  <div class="row">
        <div class="col-lg-8 col-lg-offset-2">
            <p>In pulvinar sapien tellus,
                non egestas augue auctor vitae. Sed molestie sagittis ipsum ut laoreet.
                Curabitur risus augue, molestie ac convallis quis, placerat non metus at nisi fermentum suscipit.</p>
            <p>Etiam varius interdum leo non ultricies. Lorem ipsum dolor sit amet,
                consectetur adipiscing elit. Nullam et neque iaculis, fermentum nulla sed, venenatis ligula. Nullam
                maximus felis at nisi fermentum suscipit. Cras eget.</p>
            <p>Maecenas eu facilisis tellus. Ut ullamcorper dapibus nunc, at
                varius ligula fringilla vel urna nibh consectetur adipiscing elit.</p>
        </div>
  </div>  
</div>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}