问是否有一种简单的方法可以将列表项的宽度设置为文本长度？

EN

<div id="navbar">
    <ul>
        <li>Bio</li>
        <li>News</li>
        <li>Music</li>
        <li>Tour</li>
        <li>Video</li>
        <li>Contact</li>
        <li>Press</li>
        <br>
        <li>Facebook</li>
        <li>Twitter</li>
        <li>Tumblr</li>
        <li>Instagram</li>
    </ul>
</div>

#navbar{
font-family: "Helvetica", "Sans-Serif";
}

#navbar ul li {
list-style-type: none;
}

#navbar ul li:hover {
background-color:#B2322B;
color: #FFFFFF;
}