Probleme css alignement horizontal tableau

Bonjour,

voila j ai 3 tableaux dans un tableau et je souhait les positionner de manier a ce que les trois tableaux soit cote a cote et non pas en dessous d el autre mais je ne connais la syntaxe qui pourrait m'aider mon problème concerne le tableau 2,3 et 4

voici mon code css

merci à vous

body
{
background-color: white;
font-family: tahoma,arial,helvetica,sans-serif;
color: #000000;
font-size: 8pt;
}
.tableau1 {
border: 1px solid #000000;
width: 750px;
height: 600px;
margin: auto;
background-color: #f9a35b;

}


.tableau2 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: 15px;
}


.tableau3 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: auto;
margin-right: auto;
}

.tableau4 {
border: 1px solid #000000;
width: 210px;
height: 400px;
background-color: #f9a35b;
margin-left: 523px;

}