Barre de menus à côté du logo (CSS)

Je le mettrais dans un div alors ils sont côte à côte. Donc, au lieu de le faire séparément, mettez-le dans un div. Si cela ne fonctionne pas, vous devez le positionner, en utilisant

*elementname* {
   position:relative;
   right:-200px;
   top:-150px;
}

Vous pouvez simplement envelopper vos deux éléments dans un conteneur flex

p>

<header>
  <div class="logo">
    Your logo here
  </div>
  <nav>
    <ul>
      <li>link 1</li>
      <li>link 2</li>
      <li>link 3</li>
    </ul>
  </nav>
</header>

Je suggérerais de faire le logo et le menu de navigation inline-block code>, ils ne se poussent pas à une nouvelle ligne.

p>

<header>
  <div id="logo">
    LOGO HERE
  </div>
  <nav>
    <a href="#">Home</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
  </nav>
</header>

Il suffit d'envelopper tout dans un div et de mettre toutes les lettres sous un ul .Si vous avez l'intention de mettre l'image à la place du logo Mettez simplement img tag xxx < / pré>