JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="container">

<div class="temp default">
<div>
<span>Some Text</span>
<p>Nunc porttitor facilisis mi consequat viverra. Cras consequat vitae libero sed suscipit. Donec eu magna ut lorem condimentum elementum eget ac metus.</p>
</div>
</div>





</div>

CSS

body {padding:0;margin:0;background-color:#fff;}

.temp {min-height:300px;
  display: flex;
  justify-content: center;
  align-items: center; 
}

.temp div {max-width:500px;margin:0 10px;text-align:center;}

.temp div span {font-weight:bold;font-size:20px;}

.default {background-color:#ccc;}