html - 如何将导航栏中的文本居中

Question

我一直在同时学习 htm、css 和 php。我正在创建一个涉及所有内容的网站这些东西。它仅用于教育目的。

我怎样才能使我的网站名称位于导航文本旁边，并且全部居中。就像现在我在导航栏中有网站名称，旁边有导航文本，但是导航文本不在行的中心它有点低。这是站点:http://66.172.10.179/resolver/

CSS:

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

a {
    text-decoration: none;
    color: white;
}

/* Navigation bar */

header {
    background-color: #FF4719;
    padding: 5px 0 8px 15px;
}

header nav h2 {
    display: inline;
    font-family: sans-serif;

}

header nav ul {
    display: inline;
}

header nav ul li {
    display: inline;
    padding: 0 5px;
    font-size: 15px;
    font-family: sans-serif;    
    color: white;
    height: 10px;
}

header nav ul li:hover {

}

HTML:

<header>
    <nav>
        <h2><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

我在 H2 中添加了 line-height，为 nav 创建了一个 CSS 东西并添加了:display: inline-block;

像魅力一样工作!