如何在同一行上同时显示导航栏和标题？

Question

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

以下是我描述我正在谈论的内容：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;
}