Alignement vertical tableau css
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:
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:
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> |
