JSFiddle - React, Tailwind, and code Playground

by Ernesto Cabral

HTML

<div class="card-president">
                    <div class=containter align="left">
                    <img class="img-circle" src="http://i.imgur.com/cXfRmsL.png" data-toggle="tooltip" data-placement="right">
                     
                     <div class="monto-cant" style="padding-top:10px">Alejandro Toledo</div>
                    </div>            

</div> 
<!-- end .card-president-->

CSS

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

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

.h1 {
  font-family: calibre, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:bold;
}

.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;
}