Centrer horizontalement un block avec un longueur variable
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:
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:
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
