如何阻止H1填充整个div

我正在为我的wordpress创建一个主题。我正在尝试添加顶部菜单, 但是h1限制了菜单位于同一行:

如何阻止H1填充整个div

文章图片
我希望他们在同一条线上。
这是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; }

先感谢你!
#1 【如何阻止H1填充整个div】在CSS中使用它
h1 { display: inline-block; }

    推荐阅读