Comment faire en CSS ?
Table des matières
Centrer horizontalement dans un div
Dans la page :
<body> <div id="container"> </div> </body>
Dans la feuille de style :
body { text-align: center; /* pour Internet Explorer */ } #container { margin: 0 auto; /* alignement pour les bons navigateurs */ text-align: left; /* alignement du texte dans ce conteneur */ width: 80%; }
Centrer un texte verticalement dans une boîte
Il suffit de jouer sur les hauteurs de ligne du texte. Ainsi pour centrer le paragraphe dans la boîte suivante, nous allons modifier la propriété line-height.
<div class="boite"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> </div>
.boite { height: 50px; background: red; } p { line-height: 50px; }
Afficher-masquer des éléments au survol de la souris
Voir l'article Afficher-masquer les calques grâce aux CSS