Bonjour à tous

Voici le problème sur lequel je suis en train de m'arracher les cheveux :

Je veux afficher des divs les uns à la suite des autres dans un autre div. Je les pose donc côte à côte et lorsque j'arrive à la largeur du div contenant, les divs que je rajoute "passent à la ligne". Je voudrais faire en sorte qu'ils restent plutôt sur une seule et unique ligne.

Plutôt qu'un long discours, voici un code test qui décrit ma situation :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
	<title>exemple</title>
</head>
<body>
<center>
<div style="border:2px solid #564110; height:150px; width:80%; overflow-x:scroll; background-color:#FFFFFF" >
<div style=\"position:relative; top:10px; left:10px; width:150px; height:90px; float:left; border:1px solid #000\">
				  <center>
					  aaaaaaa  
				  </center>   
			  </div>";
 
</div>
</center>
</body>
</html>
Merci beaucoup