탐색 줄과 머리글을 같은 줄에 둘 수있는 방법은 무엇입니까?

Question

내 머리글과 탐색 링크를 같은 줄에 넣으려고하는데 오른쪽 끝에있는 탐색 모음과 가운데에 머리글이 있습니다. nav 및 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; 
}