JSFiddle - React, Tailwind, and code Playground

HTML

<div class="proyecto_holder">
    <div class="tipo_proyecto_image">
        <img src="http://i57.tinypic.com/vgo9k5.png" border="0" />
    </div>
	<div class="proyecto_datos_holder">
	    <div class="proyecto_titulo">This id the title of the project</div>
        <div class="proyecto_tipo">Type of Project</div>
    </div>
</div>

CSS

.proyecto_holder {
	width:100%;
	float:left;
	height:75px;
	overflow:hidden;
	background-color:#F2F2F2;
	margin-top:1px;
}
.tipo_proyecto_image {
	width:10%;
	height:75px;
	float:left;
}
.tipo_proyecto_image img {
	width:80%;
}
.proyecto_datos_holder {
	width:90%;
	height:75px;
    float:left;
}
.proyecto_titulo {
	width:100%;
	float:left;
	font-family: Titillium Web;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	margin-top:10px;
	color:#666666;
}
.proyecto_tipo {
	float:left;
	font-family: Titillium Web;
	font-size:16px;
	line-height:20px;
	color:#11BB00;
	padding: 10px 15px;
}