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

我应该如何使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>

最佳答案

您可以将display: inline用于列表项：

ul.xoxo li{display:inline;}

另请注意，您需要在"中的login_widget之后删除login_widget"=""，以使HTML标记生效。

Fiddle Demo