html - 同じ行の Pure.CSS メニュー見出しとメニュー リスト

Question

Pure.css (purecss.io) フレームワークを使用して Web サイトをレイアウトしています。画面の上部にある水平メニューを使用しています。メニュー項目をメニュー見出しと同じ (最初の) 行に配置する方法がわかりません。つまり、HTML では:

<div class="header">
    <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
        <a class="pure-menu-heading" href="">My Website</a>
        <ul class="pure-menu-list">
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Tour</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">About</a></li>
            <li class="pure-menu-item"><a href="#" class="pure-menu-link">Log In</a></li>
        </ul>
    </div>
</div>

私は標準の pure.css ファイルを使用していますが、問題は ul タグの使用に関係しているのか、デフォルトの純粋なレイアウトがメニュー見出しの下の垂直メニューであるためであると思われます。見出しとリストを同じ行に配置できた人はいますか (たとえば、ブートストラップ ヘッダーに従って)?