Estilização css em html – Stack Overflow em Português

Boa noite,

Eu sou iniciante no meio da programação e estou precisando de uma ajuda na hora de estilizar uma pagina HTML. Quero deixar essas imagens do lado de uma div com textos informativos…

Dentro da div com class objetos tem outras divs separando as imgs e os h1, quero deixa cada uma respectivamente do lado das div com class p_01, p_02 e p_]3

HTML

 <main id="conteudo">
       
    
         <div class="p_01">
            Proporcionar cuidado humanizado, contribuindo para a promoção do <br>
            bem-estar, da cidadnia e da qualidade de vida daqueles que mais <br>
            necessitam de atnção.
        </div>
        
        <br><br>
            <div class="p_02">
            Viabilizar o acesso à s tecnologias terapêuticas inovadoras e ser <br>
            reconhecido como referencia na difusão de informações e orientações <br>
            sobre terapias alternativas.
        </div> 
        
        <br><br>
        <div class="p_03">
              Agir de forma integra e responsável, observando os preceitos de<br>
            igualdade e transparência. <br>
            Promover a valorização pessoal e profissional a partir do <br>
            desenvolvimento continuo das pontecialidades humanas.
        </div>
    
        <div class="objetos">
            <div class="missão">
                <img class="img_objetos" src="https://pt.stackoverflow.com/Missão.png" alt="">
                <h1 class="h1_objetos">Missão</h1>
            </div>
    
            <div class="visao">
                <img class="img_objetos" src="Visão.png" alt="">
                <h1 class="h1_objetos">Visão</h1>
            </div>
    
            <div class="valores">
                <img class="img_objetos" src="valores.png" alt="">
                <h1 class="h1_objetos">Valores</h1>
            </div>
        </div>
    </main>

CSS

main {
padding: 10px;
}
.p_01{

background-color: white;
margin-left: 300px;
height: 80px;
width: 500px;
border-radius: 5px;

}
.p_02{

background-color:white;
margin-left: 300px;
right: 300px;
height: 80px;
width: 500px;
border-radius: 5px;

}
.p_03{

background-color: white;
margin-left: 300px;
height: 80px;
width: 500px;
border-radius: 5px;                                                                              
font-family: Georgia, 'Times New Roman', Times, serif;

}
.img_logs{

float: left;
height: 60px;

}
.titulos{

float: left;
font-size: 15px;
padding-top: 40px;

}

.img_objetos{

height: 80px;
width: 80px;

}
.h1_objetos{

text-align: center;
font-family: verdana;
font-size: 15px;

}
.missao {

float: right;
padding-right: 5px;

}

.valores {

float: right;
padding-right: 5px;

}
.visao {

float: right;
padding-left: 5px;

}