Como alinhar 3 divs horizontalmente?

Pessoal estou editando uma plataforma de ecommerce(sou bem iniciante) e preciso alinhar 3 divs...duas ficam mas a terceira fica abaixo das outras.Alguem pode me ajudar?

HTML

<div class="banner1"><img src="IMAGEM1" alt="" /></div>
<div class="banner2"><img src="IMAGEM2" alt="" /></div>
<div class="banner3"><img src="IAMAGEM3" alt="" /></div>

CSS

.banner1 {
    left:auto;
    right:auto;
    width:400px;
    height:246px;
    float:left;
    display:inline;
    padding:auto;
    
}
.banner2 {
    left:auto;
    right:auto;
    width:400px;
    height:246px;
    display:inline;
    padding:auto;
}

.banner3 {
    margin-left:800px;
    right:auto;
    width:395px;
    height:300px;
    float:right;

}