[Bug] estou tentando centralizar essa divs, mas o texto não centraliza

//Parte HTML

Missão

Estar a frente de nossos competidores nos requisitos qualidade, produção e segurança. Sempre atento aos prazos e confiabilidade em nossa empresa comparado com o mercado.

            <div>
                <h2>Vissão</h2>
                <p>Expandir nosso regionalmente com melhorias graduais
                    atendendo nossos clientes com qualidade e excelência
                    em gestão e assistência</p>
            </div>

            <div>
                <h2>Valores</h2>
                <p>Priorizamos nosso atendimento e investir em nossos
                    requisitos técnicos, com foco na eficiência,
                    integridade e segurança.</p>

            </div>

        </div>

    </section>

//Parte CSS

.missao{ margin: 3%;

}

.missao_list { background: #ffffff; display: inline-flex; font-size: 24px; margin: auto 5%; padding: 12px;

}

.missao_list div { padding: 5px; text-align: center; }

.missao_list h2 { font-size: 28px; color: #282a64; padding: 1%;

}

<section > <div class="missao" > <div class="missao_list "> <h2>Vissão</h2> <p>Expandir nosso regionalmente com melhorias graduais atendendo nossos clientes com qualidade e excelência em gestão e assistência</p> </div> <div class="missao_list "> <h2>Valores</h2> <p>Priorizamos nosso atendimento e investir em nossos requisitos técnicos, com foco na eficiência, integridade e segurança.</p> </div> </div> </section>