Bonjour à tous !

Voilà j'ai une div qui contient une liste d'articles. Je l'ai mis en "display:inline-block" pour pouvoir créer un effet responsive et ma dive à une largeur de 70%.

Comment je peux centrer et avoir le même effet que text-align:center mais avec mes articles qui sont alignés à gauche ??

Merci d'avance

> un exemple de mon code si ça peut vous aider...


Code html : 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
22
23
24
25
26
27
28
29
30
31
32
33
34
<body>
    <section id="page">
        <div id="wrapper">
            <ul id="menu">
                <li><a href="#">
                    <section>
                            <h3>SANTÉ 2013</h3>
                    </section>
           	</a></li>
                <li><a href="#">
                    <section>
                            <h3>SANTÉ 2013</h3>
                    </section>
           	</a></li>
                <li><a href="#">
                    <section>
                            <h3>SANTÉ 2013</h3>
                    </section>
           	</a></li>
                <li><a href="#">
                    <section>
                            <h3>SANTÉ 2013</h3>
                    </section>
           	</a></li>
                <li><a href="#">
                    <section>
                            <h3>SANTÉ 2013</h3>
                    </section>
           	</a></li>
            </ul>
        </div>
    </section>
</body>
</html>

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
#page{
	width:70%;
	margin: 0 auto;
/*	text-align:center;*/
}
 
#menu li{
	display:inline-block;
}
 
#menu li section{
	width:150px;
	height:150px;
	background-color:#CCC;
}


En gros :
Je veux ça :
http://www.developpez.net/forums/att...1&d=1362592411

Je veux pas ça :
http://www.developpez.net/forums/att...1&d=1362592411