Pb pour centrer deux divs dans un div

[Erazion]

Bonjour,

Je souhaiterais avoir le block "1" centrer au dessus du texte de test.

Code :

1
2
3
4
5
6
<div class="test">
            <div class="test1">
                1</div>
            <div class="test2">
                testestestestestestestest</div>
        </div>

et mon CSS

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.test
{
    text-align:center;
    width:75%;
    margin:0 auto;
}
.test1
{
    color:White;
    background-color: Black;
    width: 25px;
    height: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid Black;
}
.test2
{
    margin:0 auto;
}

Merci

[NoSmoking]

Bonjour,
ce n'est pas ce que tu obtiens ?

[jreaux62]

Bonjour,
à priori,
il manque juste pour .test1 :

margin:0 auto;

[NoSmoking]

Bonjour,
ce n'est pas ce que tu obtiens ?

sur IE (7) il y a diffusion du text-align:center;, mais pas sur les autres navigateurs donc la solution proposée par jreaux62 est plus que pertinente.