將標題文本放置在導航欄旁

Question

開始一個項目，將用於教育目的，因爲它需要html，css和php其中 我還在學習！我想知道如何定位我的H4，使其與導航文本保持一致。 有沒有更好的方法來做到這一點？ http://66.172.10.179/resolver/

CSS：

/* Body */ 
body { 
    background-color: #FF5930; 
} 

/* Navigation bar */ 

header { 
    background-color: #FF4719; 
} 

nav h2 a{ 
    color: black; 
    text-decoration: none; 
    display: inline; 
    margin: 0; 
} 

nav h2 a:hover{ 
    color: gray; 
    text-decoration: none; 
} 


nav ul li { 
    display: inline; 
    margin: 0; 
} 

HTML：

<header> 
    <nav> 
     <h2 class="header-text"><a href="index.php">Skype Resolver</a></h2> 
     <ul> 
      <li><a href="index.php">Resolver</a></li> 
      <li><a href="blacklist.php">Blacklisting</a></li> 
      <li><a href="purchase.php">Purchase API</a></li> 
      <li><a href="dtools.php">Domain tools</a></li> 
      <li><a href="stools.php">Spam tools</a></li> 
      <li><a href="mtools.php">Misc tools</a></li> 
     </ul>       
    </nav> 
</header> 

Answer 1

試試這個：

添加margin和padding到nav ul：

nav ul { 
    margin:0; 
    padding:0; 
} 

更改nav ul li這樣：

nav ul li { 
    display: inline; 
} 

JSFiddle Demo