mets les donc simplement en float:left, ils seront alignés de ce fait à gauche.
Version imprimable
mets les donc simplement en float:left, ils seront alignés de ce fait à gauche.
Citation:
Envoyé par Torgar
Ben si justement... :koi:Citation:
Envoyé par trentetroistours
Justement, en testant ton code, ça donne exactement ce que tu cherches... :roll:Citation:
Envoyé par trentetroistours
J'ai uniquement ajouté la couleur de fond pour coller au mieux à ton image (bon, l'en-tête de la page aussi puisque tu ne l'avais pas donné) et le résultat est probantCode:
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58 <!doctype html> <html> <head> <meta charset="utf-8" /> <title>centrage margin auto</title> <style> #page{ width:70%; margin: 0 auto; background-color: #996665; /* text-align:center;*/ } #menu li{ display:inline-block; } #menu li section{ width:150px; height:150px; background-color:#CCC; } </style> </head> <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>
Pièce jointe 113006