Aligner des divs dans une div sur UNE ligne
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:
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