Html 如何在导航栏之间居中显示文本

我同时学习了htm、css和php。我正在创建一个网站，触摸的一切 这些东西。它仅用于教育目的

如何使我的网站名称位于导航文本旁边，并以其为中心。 就像现在一样，我在导航栏中有网站名称，旁边有导航文本，但是 导航文本不在行的中心，有点低。以下是网站：

http://66.172.10.179/resolver/

CSS:

HTML:

我在H2中添加了行高，为导航创建了CSS，并添加了：display:inline block

---

工作得很有魅力

要在不实际输入任何线高度的情况下实现这一点，您可以添加以下内容：

CSS

nav{
    display:table;
}

nav h2 {
    vertical-align: middle;
}
nav ul{
   vertical-align: middle;
}

这将使文本垂直居中，而无需猜测行高

---

您是否尝试过

float

ing元素或添加

display:inline块？一种简单的方法是添加线条高度：0；到H2，但这将减少导航的高度，感谢两个用户。我使用内联块和线高度。工作！关于内联块，需要注意的是，它开始尊重空格，这里更详细：这是一种很酷的方式。我真的很喜欢css表格。它们在很多方面都很好。谢谢，伙计！当您需要CSS表时，它非常方便！
<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>

nav{
    display:table;
}

nav h2 {
    vertical-align: middle;
}
nav ul{
   vertical-align: middle;
}