JSFiddle - React, Tailwind, and code Playground

by Rodrigo Portillo

HTML

<li>
	<div class="image">
		<img src="https://i0.wp.com/www.applegenius.com.br/portal/wp-content/uploads/2014/07/introduction_paper-compressed.png?resize=262%2C141&ssl=1" />
	</div>
	<div class="texto">
		<h3>Perfuração</h3>
	<p>O Lorem Ipsum é um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem vindo a ser o texto padrão usado por estas indústrias desde o ano de 1500, quando uma misturou os caracteres de um texto para criar um espécime de livro</p>	
	</div>
</li>

CSS

li{
	display:flex;
	justify-content: space-between;
	
	background-color: whitesmoke;
}

li .image{
	width: 25%;
	max-width: 200px;
	padding-right:10px;
}

li .image img{
	min-width:100px;
	min-height:100px;
	height auto;
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding:10px;
}

li .texto{
	
}