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>

.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. }