alignement vertical (méthode 1)

by ydelmas

HTML

<div class="conteneur">
    <div class="contenu">
        Test
    </div>
</div>

CSS

.conteneur {
    display: table-cell;
    vertical-align: middle;
    background: url(http://azrael.sha.univ-poitiers.fr/~ydelmas/exemples/grille.png);
    height: 300px; width: 300px;
    border: 1px solid black;
}
.contenu { background: green; height: 100px; }