HTML5: avoir sidebar et main content sur le meme niveau

Fermé
japprends75 Messages postés 1 Date d'inscription dimanche 7 décembre 2014 Statut Membre Dernière intervention 7 décembre 2014 - Modifié par japprends75 le 7/12/2014 à 14:33
Bonjour



Comment avoir le texte de la section "main" à droite et au meme niveau que la "sidebar" s'il vous plait?
J'ai retiré "float: left" pour "sidebar" et "float: right" pour "main" car cela ne marchait pas: "main" est toujours en dessous de "sidebar" alors que je voudrais les 2 alignés ce qui est logique...

Voici le code actuel de la page puis dessous le layout CSS:

<div class="sidebar">

<nav id="mainnav">
<ul>
<li><a href="white.html">White</a></li>
</ul>
</nav>
<br><br/>
<nav id="mainnav">
<ul>
<li><a href="red.html">Red</a></li>
</ul>
</nav>
<br><br/>

<nav id="mainnav">
<ul>
<li><a href="rose.html">Rosé</a></li>
</ul>
</nav>

</div>


<div class="main">

<p>White wine consumption in mainland China is set to rise significantly.
This trend highlights the growing diversification of Chinese consumer tastes, including a new-found preference for white wine.

</p>


</div>


layout CSS:

.sidebar {
width:150px;
background-color:#FFFFFF;
display: inline-block;
vertical-align: top;
width: 100%;
}

.main {
width: 600px;
background-color:#ADA446
margin: 0 auto;
}

Merci à vous!