Centrer un text-align:left

33tours

4 Mar 2013 à 21:45

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 Smiley smile

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


<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>

<style type="text/css">

#page{
	width:70%;
	margin: 0 auto;
/*	text-align:center;*/
}

#menu li{
	display:inline-block;
}

#menu li section{
	width:150px;
	height:150px;
	background-color:#CCC;
}
</style>

CSS et mise en forme, CSS3

Centrer un text-align:left