安排資產淨值低於對方

Question

我有這樣

<header> 
     <nav> 
      <a href="#">Home</a> 
      <a href="#">Our Story</a> 
      <a href="#">Tools</a> 
      <a href="#">Technology</a> 
      <a href="#">Pricing</a> 
      <a href="#">Contact</a> 
      <a href="#">Careers</a> 
     </nav> 
    </header> 

的CSS是一個菜單欄項目如下

header { 
    position: fixed; 
    width: 100%; 
    height: 65px; 
    opacity: 0.8; 
    background-color: #fcfcfc; 
    border-bottom: 5px solid #53bf6b; 
    z-index: 10; 
} 

header nav { 
    padding-top: 10px; 
    text-align: center; 
} 

header nav a { 
    text-decoration: none; 
    font-family: 'Roboto', sans-serif; 
    font-weight: 300; 
    font-size: 26px; 
    padding-right: 20px; 
    color: #f35626; 
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    -webkit-animation: hue 60s infinite linear; 
} 

當用戶調整我想資產淨值低於應遵循（垂直對齊）我怎麼做到這一點？

@media only screen and (min-width: 150px) and (max-width: 550px) { 
/* I must set the code to arrange the nav a items here */ 
} 

我應該怎麼做才能讓導航項在調整大小時垂直跟隨彼此？

Answer 1

使用顯示塊像有： http://jsfiddle.net/c0y518bn/

@media only screen and (min-width: 150px) and (max-width: 550px) { 
    nav a {display: block;} 
} 

固定底部邊框的版本：http://jsfiddle.net/c0y518bn/1/

Answer 2

header nav a { 

display: block; /* you can also try position:relative; */ 

}