Centrage vertical

by ydelmas

HTML

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

CSS

nav {
    background-color: #CCC;
    background-image: url(http://azrael.sha.univ-poitiers.fr/~ydelmas/exemples/grille.png);
    padding: 0 10px;
    position: relative;
    height: 300px;
}
ul {
    margin: 0;
    background-color: #F00;
    position: absolute; top: 50%;
    transform: translateY(-50%);
}