html - 我应该如何使此代码内联显示

Question

我应该如何使 ul 显示内联。我需要一个可以在我网站的标题导航中内联显示列表的 css

<div id="sidebar2" style="display: inline-block;">
    <div class="widget login_widget">
        <h3>My Account</h3>
        <ul class="xoxo blogroll" style="color: red;">
            <li>
                <a href="http://listing.entranceuniversity.com/author/jaysenoringmail-com/">Dashboard</a>
            </li>
            <li>
                <a href="http://listing.entranceuniversity.com/?ptype=profile">Edit Profile</a>
            </li>
            <li>
                <a href="http://listing.entranceuniversity.com/?ptype=profile">Change Password</a>
            </li>
            <li>
                <a href="http://listing.entranceuniversity.com/author/jaysenoringmail-com/?list=favourite">My Favorites</a>
            </li>
            <li>
                <a href="http://listing.entranceuniversity.com/?ptype=post_listing">Add Listing</a>
            </li>
            <li>
                <a href="http://listing.entranceuniversity.com/?ptype=login&amp;action=logout" class="signin">Logout</a>
            </li>
        </ul>
    </div>
</div>

Answer 1

这行得通

    li {
        display: inline-block;
    }