html - 如何将导航栏和标题放在同一行？

Question

我试图让我的标题和导航链接在同一行上，但导航栏位于最右侧，标题位于中间。我尝试更改 nav 和 h2 的宽度百分比，但这似乎不起作用。非常感谢您的帮助。

这是我的 jfiddle 来描述我在说什么:https://jsfiddle.net/as2wqwvy/

<div class="container-fluid">
<div class="col-sm-12 text-center">
<h2 class="headline"><a style="color:black;"   href="index.html">Name</a></h2>
  <nav>
    <li><a href="about.html">About</a></li>
    <li><a href="data.html">Data Stories</a></li>
    <li><a href="web_design.html">Web Design</a></li>
    <li><a href="resume.html">Résumé</a></li>
  </nav>
</div>

Answer 1

制作:显示:内联

.headline{
   display: inline;
}
.container-fluid nav {
   display: inline;
}