HTML juxtaposés alignés haut (inline-block)

by jeum

HTML

<div id="nav">
    <div>Titre</div>
    <div>
        <ul>
            <li><a href="#">Item 1</a></li>
            <li><a href="#">Item 2</a></li>
            <li><a href="#">Item 3</a></li>
            <li><a href="#">Item 4</a></li>
        </ul>
    </div>
</div>

CSS

#nav{
    /* RAPPEL : nécesaaire à vertical-align */
    /* RAPPEL : défini l'interligne de le liste */
    line-height:20px;    
}
#nav div{
    display: inline-block;
    vertical-align: top;
}
#nav div ul{
	margin: 0;
	padding: 0;
    list-style: none;
}