How to align navigation to the right?


#1

Hello, Everyone!

Maybe someone will solve my problem.
I need to align my navigation menu to the right. But I just can’t figure out how to do it.
So the idea is that logo is to the left and navigation is to the right, undependaple from the window width.

<header>
  <img src="https://image.ibb.co/jfRtef/image.png" class="logo1">
  <nav class="nav">
    <a href="#about">About</a>
    <a href="#program">Program</a>
    <a href="#speakers">Speakers</a>
    <a href="#partners">Partners</a>
    <a href="#forma">Registration</a>
  </nav>
  </header>
header {
  background-color: rgba(97,45,42,1);
  width: 100%;
  height: 156px;
  
  }

header img {
  height: 150px;
  width: 150px;
  left: 8px;
  top: 3px;
  position: relative;

}

nav {
display: inline;
position: relative;
bottom: 70px;
background-color:red;
}

nav a {
  color: white;
  text-decoration: none;
  padding: 10px;
}

#2

have you considered using float?


#3

That’s a nice idea, thanks!
i’ll try it