如何阻止 H1 填充整个 div

Question

我正在为我的 wordpress 创建一个主题。我正在尝试添加顶部菜单，但 h1 限制菜单位于同一行： 我希望它们位于同一行。

这是 HTML/PHP：

<header>
    <h1 class='title'><?php the_title(); ?></h1>    
    <?php wp_nav_menu(
        array(
            'theme_location' => 'top-menu',
            'menu_class' => 'topmenu'
        )
    );?>
</header>

这是 CSS：

.title {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0;
}

header {
    width: 100%;
    padding: 25px;
    padding-left: 20%;
    padding-right: 20%;
}  

.topmenu {
    list-style-type: none;
    float: right;
    margin: 0;
    padding: 0;
}

.topmenu li {
    display: inline;
}

提前谢谢你！

Answer 1

在你的 CSS 中使用它

h1 {
     display: inline-block;
}