JSFiddle - React, Tailwind, and code Playground
HTML
<div class="flx-full-width tres-passos ">
<div class="passo1"></div>
<h3>Escolha um dos Planos</h3>
<p>
Escolha um Plano que mais se adapta a você.
Quantidade de domínios, contas de e-mail,
espaço ou banco de dados,
de acordo com o que você precisa.
</p>
<p>
Aumentei o texto para você ter uma noção do que acontece
ao ter um texto mais longo.
Aumentei o texto para você ter uma noção do que acontece
ao ter um texto mais longo.
</p>
</div>
CSS
.flx-full-width {
position:relative;
padding: 10px 25px 13px 100px;
margin-bottom: 20px;
}
.passo1 {
background:#f8f9fc url("http://testetabela.esy.es/icones-hosp.png") no-repeat 0 -175px;
width: 72px;
height: 72px;
position: absolute;
top: 50%;
left:12px;
margin-top:-40px;
}
.tres-passos {
color:#69717A;
border:1px solid #e9ecef;
font: normal 16px Tahoma;
}
.tres-passos h3{
font:normal 18px tahoma; margin:0; color:#00AFEF;
}