Centrage vertical (méthode 2)

by ydelmas

HTML

<nav>
    <ul>
        <li>abc</li>
        <li>def</li>
        <li>ghi</li>
        <li>jkl</li>
    </ul>
</nav>

CSS

nav {
    display: table-cell;
    vertical-align: middle;
    background: #CCCCCC url(http://azrael.sha.univ-poitiers.fr/~ydelmas/exemples/grille.png);
    padding: 0 10px;
    height: 200px;
}
ul {
    margin: auto;
    background-color: #F00;
}