JSFiddle - React, Tailwind, and code Playground

HTML

<div class="produtos">
        <div class="caixa"> 
            <img src="imagens/croa.png" style="margin-left:60px;">
            <p style="text-align:center;">Temos os melhores produtos do mercado! Nossos competidores ajoelham-se perante a nossa qualidade!</p>
        </div>
        <div class="caixa">
            <img src="imagens/dinheiro.png" style="margin-left:60px;">
            <p style="text-align:center;">Preços mais baratos do mercado! Promoções 24/7! Se houver ofertas mais baratas diga e fazemos promoção de 0.01€!</p>
        </div>
        <div class="caixa">
            <img href="#" src="imagens/definicoes.png" style="margin-left:60px;">
            <p style="text-align:center;">Nosso departamento de apoio ao cliente está ativo 24/7! Resolveremos todas as suas dúvidas!</p>
        </div>
    </div>

CSS

.produtos
    {
        width: 100%;
        height: 252px;
        background: gray;
        margin-left: auto;
        margin-right: auto;
    }
    
.caixa
    {
        width: 250px;
        height: 250px;
        background: darksalmon;
        border: 1px solid #000;
        float: left; 
    }