Html 更改li中文本部分的颜色

我有一个下拉菜单，在菜单的不同部分上方有一个不同颜色的标题，例如

标题（彩色1）

选项1（颜色2）

选项2（颜色2）

选项3（颜色2）

我想更改它，使其在列表中看起来如下（一行上有两种颜色）：

标题（颜色1）选项1（颜色2）

标题（颜色1）选项2（颜色2）

标题（颜色1）选项3（颜色2）

有人能帮我查一下密码吗？html格式如下：

                   <div id="dropbox"></div>
                    <div id="Dropp style="position:relative;z-index:1000">
<div id="drop" style="position:absolute;z-index:3000">
    <ul>
        <li id="dropbox"><span class="nav-title" style="z-index:3000">Deutsche Börse Photography Prize 2011</span> <div class="nav-title" id="triangle">
                    </div>
            <ul id="ddd" class="subnav" style:"display: none;" >
                <br>
            <br>
            <br>
            <li>—</li>
            <li class="section-title">
                <span class="section-title">Photographers Gallery</span>
            </li>
                <li><a href="Deutsche Börse Photography Prize 2011.html">Deutsche Börse Photography Prize 2011</a></li>
                <li><a href="#">Deutsche Börse Photography Prize 2010</a></li>

---

你为什么不这样做呢

<ul>
    <li class="section"><span class="title">Title 1</span><span class="content">Color 2</span></li>
    <li class="section"><span class="title">Title 1</span><span class="content">Color 2</span></li>
    <li class="section"><span class="title">Title 1</span><span class="content">Color 2</span></li>
</ul>

填充和边距可以使两个部分很好地结合在一起（如果你说的是背景色的话）

i、 e

不是

---

链接到演示会很好，特别是考虑到您提供的HTML不完整且无效。很抱歉，它是@Chris deanpauley.co.uk/O-SB/categories.htmlAnyone知道如何在一行上获得这两种颜色吗？我的示例很好。请确保您的填充和边距设置没有将第二种颜色向下推。您是什么浏览器使用？您是否测试过其他人？此外，您应该更新代码。有一些错误（例如：style:“display:none”应该是style=“display:none”您缺少一些标记，
应该是
（嗯，我不确定。仍然无法理解。无论如何，感谢您的帮助！在3种不同的浏览器上尝试了它。认为填充和边距设置可以：

<ul>
    <li class="section"><span class="title">Title 1</span><span class="content">Color 2</span></li>
    <li class="section"><span class="title">Title 1</span><span class="content">Color 2</span></li>
    <li class="section"><span class="title">Title 1</span><span class="content">Color 2</span></li>
</ul>

li.section {
    padding: 0;
}

li.section span.title {
    margin: 0;
    background-color: #COLOR1;
}

li.section span.content {
    margin: 0;
    background-color: #COLOR2;
}

-----------
|    |    |
-----------

------  ------
|    |  |    |
------  ------