JSFiddle - React, Tailwind, and code Playground

by bogdan_vq

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="dn.bomaxcotstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div style="margin: 0 auto; width: 800px;">
    <div class="row">
    <div class="col-md-12 green">
     <div clss="center-block"> 
     <p id="c">
     ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere vana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere ana  are mere 
     </p> 
     </div>
    </div>
    </div>
  </div>
</div>

CSS

#c{
  vertical-align:middle;
  display:inline-block;
  max-width:75%;
  color:white;
  text-align:center;
}
.vcontent{
  text-align:center
}
.blue {
  background-color: blue;
}

.green {
  background-color: green;
}

.red {
  background-color: red;
}
.hh {
  height : 50px; 
}