Bonjour,

j'ai créer un tableau avec du avec du css, je souhaite que mon texte soit aligné horizontalement et verticalement.

J'arrive à faire qu'il soit aligné verticalement, mais pas horizontalement, malgré la commande vertical-align:middle;

Je viens de chercher sur internet mais j'ai pas trouver de solution qui fonctionne. merci de votre aide

voici mon code css :
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
16
17
18
19
@charset "utf-8";
/* CSS Document */
 
.MenuHaut span {
float:left;
   height:40px;
  vertical-align:middle;
   text-align:center;
  padding:1px;
  }
.MenuHaut p {
   clear:left;
  vertical-align:middle;;
   text-align:center;
  }
.MenuHaut p.legende {font-weight:bold}
.MenuHaut span.col1 {width:30%;	
.MenuHaut span.col2 {width:30%}
.MenuHaut span.col3 {width:30%}
et mon code html
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
<body>
<div class="MenuHaut">
   <p class="legende">
   <span class="col1">1er jour</span>
     <span class="col2">2éme jour</span>
     <span class="col3">3éme jour</span>   </p>
   <p>
      <span class="col1">Case 1.1</span>
      <span class="col2">Case 1.2</span>
      <span class="col3">Case 1.3</span>
   </p>
  <p>
     <span class="col1">Case 2.1</span>
     <span class="col2">Case 2.2</span>
     <span class="col3">Case 2.3</span>
   </p>
</div>