Pb pour centrer deux divs dans un div

Version imprimable

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

29/12/2011, 16h06
NoSmoking

Bonjour,
:koi: ce n'est pas ce que tu obtiens ?
29/12/2011, 16h25
Invité

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

Citation:

margin:0 auto;
29/12/2011, 17h12
NoSmoking

Citation:

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

:aie: 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.