Нажав на попытку выравнивания заголовка и навигационной панели

Question

Кажется, я не могу найти правильный способ выровнять мой заголовок и панель навигации на этом сайте. Я знаю, что здесь что-то не хватает.

В настоящее время бар нав сидит ниже заголовка: https://angelicanicolle.github.io/angelicanicolle/

Вот ссылка на мой репозиторий: https://github.com/angelicanicolle/angelicanicolle

 <!---------------------------------- 
       HEADER/LOGO 
    -----------------------------------> 
    <div class="header"> 
     <div class="head-logo"> 
     <a href="index.html" id="head"> 
      <img src='img/logo.png' id="logo"> 
      <div class="head-text"> 
      <h1>Hello, my name is Angelica Nicolle.</h1> 
      <h2>Designer/Photographer/Artist of sorts</h2> 
      </div> 
     </a> 
     </div> 
    </div> 


    <!---------------------------------- 
       NAV BAR 
    -----------------------------------> 
     <nav> 
     <ul> 
      <li><a href="http://angelicanicolle.com">Work</a></li> 

      <li><a href="http://angelicanicolle.com">Journal</a></li> 

      <li><a href="http://angelicanicolle.com">Contact</a></li> 
     </ul> 
     </nav> 

.header { float: left; margin: 0 0 5px 0; padding: 25px 0 0 0; position:relative; width: 100%;} 

.head-logo { 
margin: 0 0 0 .5%; 
float: left; 
padding: 20px; 
overflow: visible; 
white-space: nowrap;} 

nav {text-align: right; margin: 0 0 10px 0; background: #fff;} 

Я ценю помощь заранее!

Answer 1

Рассмотрите возможность смены своих <header>...</header> тегов на <div>...</div> и дайте набивку сверху около 45px на ваш <nav></nav>. Что-то вроде этого:

<nav style="padding-top:45px;">