列表项通常是块元素。通过display属性将它们变成内联元素。

在给出的代码中，您需要使用上下文选择器使该display: inline属性应用于列表项，而不是列表本身（应用于display: inline整个列表将无效）：

#ul_top_hypers li {
    display: inline;
}

这是工作示例：

#div_top_hypers {

    background-color:#eeeeee;

    display:inline;

}

#ul_top_hypers li{

    display: inline;

}


<div id="div_top_hypers">

    <ul id="ul_top_hypers">

        <li>&#8227; <a href="" class="a_top_hypers"> Inbox</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Compose</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Reports</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> Preferences</a></li>

        <li>&#8227; <a href="" class="a_top_hypers"> logout</a></li>

    </ul>

</div>