Bonjour je n'arrive pas à centrer des div dans ce cas là, comment faire.

bloc2 à un longueur variable
bloc1 à une longueur variable
bloc à une longueur fixe
bloc0 est juste là pour le positionnement mais n'a aucune utilité

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="bloc">
	<div id="bloc0">
		<div id="bloc1">A10</div>
		<div id="bloc2">Brest Marseille Paris Lyon Nice Toulouse Lille Nancy(petit village)</div>
	</div>
</div>
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
18
19
20
21
#bloc {
text-align: center;
background-color: yellow;
height: 37px;
width: 616px;
}
 
#bloc0 {
margin: 0 auto;
/*width: 450px;*/ /*Si définit ça fonctionne sinon NON*/
}
 
#bloc1 {
background-color: green;
float: left;
}
 
#bloc2 {
background-color: red;
float: left;
}
j'ai tout essayé rien ne fonctionne
Pouvez vous m'aiguiller?

merci