Html 列表不在线显示

我试图让我的标签列表显示在一行中，但我似乎无法使它们显示在一行中

以下是我的CSS代码：

.tags{
    list-style-type: none;
}
.tags li:first-child:before {
    content: "Tags:\0000a0";
    font-style: normal;
    font-weight: bold;
    letter-spacing: .3em;
    text-transform: uppercase;
    font-size: 10px;
    color: #7d7d7d;
}
.tags ul li a {
    border-bottom: none;
    background: rgba(239, 177, 113, .4);
    color: #000000;
    padding: 2px 6px;
    margin: 0 4px 4px 0;
    display: inline-block;
    *zoom: 1;
}
.tags ul li a:hover {
    background: rgba(239, 177, 113, .8);
}

HTML:

主题
代码
Tumblr

我还制作了这个jsfiddle：（rgba代码在jsfiddle中似乎不起作用——尽管它在我的实际站点上运行良好）

---

提前感谢您提供的任何帮助

添加

display:inline

到

li

.tags li{
    display:inline
}

或

css中的问题是你像这样指向

。tags ul li a

，这是错误的，因为html中没有标记，而.tags是ul本身的类，所以你不需要编写

。tags ul

，让它像

。tags li

一样工作

---

将

显示：内联
添加到
li

.tags li{
    display:inline
}


或

css中的问题是你像这样指向
。tags ul li a
，这是错误的，因为html中没有标记，而.tags是ul本身的类，所以你不需要编写
。tags ul
，让它像
。tags li
一样工作

使用
ul.tags
而不是
.tags-ul

示例如下：

并且
display:inline块
必须位于
li
标记上

ul.tags li {
    display: inline-block;
}

使用
ul.tags
而不是
.tags-ul

示例如下：

并且
display:inline块
必须位于
li
标记上

ul.tags li {
    display: inline-block;
}

谢谢你的提示！很高兴知道！它正在工作。谢谢你的帮助。谢谢你的提示！很高兴知道！它正在工作。谢谢你的帮助。谢谢你的帮助和编码技巧！我的CSS工作，现在更干净了。非常感谢。不客气。演示2链接没有更新，我已经添加了新的url检查它，你可以更改。标签李：第一个孩子：之前进入。标签：之前谢谢你的帮助和编码提示！我的CSS工作，现在更干净了。非常感谢。不客气。演示2链接没有更新，我已经添加了新的url检查它，你可以更改。标签李：第一个孩子：之前到。标签：之前