JSFiddle - React, Tailwind, and code Playground

by Ernesto Cabral

HTML

<div>
<section class=card-president>
   <img class="img-circle" src="http://i.imgur.com/cXfRmsL.png" data-toggle="tooltip" data-placement="right" align="left" width="200" height="200" style="padding-left:20px; padding-top:20px; padding-right:20px"> 
   <h1 style="text-align:center; margin:0;font-size:150%"> 
   Alejandro Toledo
   </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. 
   </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.</p> 
</section>

<section style="margin-bottom:100px"> 
   <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 sodale </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 sodale </p>
</section>
</div>
<!--intermedio-->
<div>
<section class=card-president>
   <img...

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:#F7F7F7;
  border-radius:4px;
  line-height:5;