ナビゲーションバーの幅をテキスト幅ごとに積み重ねます

Question

私はブートストラップにスタックされたナビゲーションバーを作成しました。私はそれのテキストごとに幅を調整することに問題があります。つまり私が「私たちについて」タブ上を動かすと、テキストのサイズに応じて背景色を表示する必要があります。

画像参照

<nav class="navbar"> 
    <ul class="nav nav-stacked "> 
    <li><a href="#about-us">ABOUT US</a></li> 
    <li><a href="#project">PROJECT</a></li> 
    <li><a href="#current-project">CURRENT PROJECT</a></li> 
    <li><a href="#e-brochure">E-BROCHURE</a></li> 
    <li><a href="#contact">CONTACT</a></li> 
    </ul> 
</nav> 

Answer 1

テキスト幅当たりとしての幅を設定するようdisplay:inline-blockaでタグを追加します。