JSFiddle - React, Tailwind, and code Playground

by Ernesto Cabral

HTML

<div>
<section class=card-president>  
   <img class="img-circle" src="http://i.imgur.com/UWsAN2w.jpg" data-toggle="tooltip" data-placement="right" align="left" width="250" height="250" style="padding:20px;padding-right:30px">    
   <h1 style="text-align:center; padding:25px;margin:0;font-size:300%;line-height:normal;color:#990000"> 
   José Lizier Corbetto
   </h1> 
   <p style="line-height:normal;text-align:justify">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at faucibus felis. Suspendisse potenti. Nunc purus dui, eleifend non fringilla vitae, luctus ac dolor. Nullam porta, lectus accumsan euismod euismod, libero sapien varius dolor, vitae elementum nulla quam nec dolor. Vestibulum vel libero sodales ante lobortis porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at faucibus felis. Suspendisse potenti. Nunc purus dui, eleifend non fringilla vitae, luctus ac dolor. Nullam porta, lectus accumsan euismod euismod, libero sapien varius dolor, vitae elementum nulla quam nec dolor. Vestibulum vel libero sodales ante lobortis porta.</p> 
       <p style="line-height:normal;text-align:justify">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at faucibus felis. Suspendisse potenti. Nunc purus dui, eleifend non fringilla vitae, luctus ac dolor. Nullam porta, lectus accumsan euismod euismod, libero sapien varius dolor, vitae elementum nulla quam nec dolor. Vestibulum vel libero sodales ante lobortis porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at faucibus felis. Suspendisse potenti. Nunc purus dui, eleifend non fringilla vitae, luctus ac dolor. Nullam porta, lectus accumsan euismod euismod, libero sapien varius dolor, vitae elementum nulla quam nec dolor. Vestibulum vel libero sodales ante lobortis porta.</p>  
</section> 
</div> 
<hr style="margin-top:50px;margin-bottom:50px;margin-left:100px;margin-right:100px;background-color:#b83806;height:2px">
<!--intermedio-->
<div>
<section...

CSS

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

body {
    font-family: 'Open Sans', sans-serif;
    background-color: white
}

.card-president span.fuente{
	font-size:17px;
	font-weight: 300;
  color:#FFF;
	background-color:#D7191F; 
	padding:5px;
  display:block;
  width:20%;
  margin:0 auto;
  text-align:center 
}

.card-president{
  padding:20px 0px;
}

.card-president{   
	padding:15px;
	text-align: center;  
  background-color:#f2f2f0;
  border-radius:4px;
  line-height:5;