ヘッダーとナビゲーションバーを整列しようとしました

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>に変更し、<nav></nav>に約45pxのパディングトップを与えることを検討してください。このようなもの：

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