Comment faire en CSS ?

Comment faire en CSS ?

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