JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cracha"></div>
<div id="#listVar">
  <h2>Variáveis </h2>
  <p>- $nome<br>
  - $funcao<br>
  - $numero<br>
  - $endereco<br>
  - $bairro<br>
  - $telefone<br>
  - $cnpj
  
</div>

CSS

#cracha {	height: 7.8cm;	width: 12cm;	background-image: url(http://i.imgur.com/0nxaJpv.png);	float: left;}
#listVar {	float: left;	width: 200px;	margin-left: 10px;	height: 295px;}
#listVar h2 {	margin: 0px;	padding: 0px;}