ちょっとMySiteのメニューで使いたかったので,調べてみました.
ul要素に以下のプロパティを当てるだけでできました.

 <div class="code-block-container">
 
 <pre class="language-css"><code class="language-css">ul {
 overflow-x: auto;
 white-space: nowrap;
}
</code></pre>

 </div>
 <code>overflow-x:</code> 
要素が収まらない場合はみ出た左右をどうするか決める
<code>white-space: nowrap;</code> 
改行しないようにします.
【参考文献・参考記事など】 
<a href="https://296.co.jp/article/230123201902071446" rel="nofollow">横（水平）スクロールをCSSで簡単に実装する方法</a>