JSFiddle - React, Tailwind, and code Playground

by laurean0

HTML

<div class="likes"><div class="icon"></div>1,9K</div>
  
<div class="comentarios"><div class="icon"></div>201</div>
  
<div class="compartidos"><div class="icon"></div>842</div>

CSS

.likes,
.comentarios,
.compartidos {
	float: left;
	width: 35px;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
div .icon {
	height: 25px;
	margin: 0 5px 3px 5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
div.likes .icon {
	background-image: url(https://circuitos.info/data/auditoria/_theme/_img/icon-likes2.png);
}
div.comentarios .icon {
	background-image: url(https://circuitos.info/data/auditoria/_theme/_img/icon-comentarios2.png);
}
div.compartidos .icon {
	background-image: url(https://circuitos.info/data/auditoria/_theme/_img/icon-compartidos2.png);
}