如何將導航欄和標題放在同一行上？

Question

我試圖讓我的標題和導航鏈接在同一行上，但導航欄位於最右側和中心的標題。我試着改變導航和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; 
}