Html CSS布局不使用id，但使用<；李>；标签

以下是HTML代码：

<div id="tp-nb">
    <ul>
        <div id="tp-ls">
            <li>
                account-icon
            </li>
            <li>
                notification-icon
            </li>
            <li>
                icon
            </li>
            <li>
                Images
            </li>
            <li>
                Gmail
            </li>
        </div>
    </ul>

当我将css（li）更改为id“#tp ls”时，它会丢失布局并完全聚集在一起。我试着把它从id改成类，但我发现没有什么不同

是否有可能在不影响所有

的情况下处理

组？我肯定有，但我不明白这是怎么可能的。我也缺乏这方面的知识，不知道我在找什么，因此不知道如何在谷歌上搜索（对于那些回复为“谷歌it”的人来说）

---

谢谢，在我得到回复之前，我将继续搜索我正在搜索的内容。

这里您会犯一些错误

• 您不得在

  ul

  内部使用

  div

• 您可以看到

  tp ls

  此id未分配给任何

  li

  ，因此您必须在

  ul

范例

ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
宽度：300pxx；
}
#李国章{
浮动：对；
显示：块；
填充：10px；
}

帐户图标


通知图标


偶像


图像


Gmail

您不能将a放入

中…将id添加到
而不是读取结构-您没有任何具有

id=“tp ls”的
li
“

，因此当您将

css

从

li

更改为

#tp ls

时，没有

li

元素可以应用此

css

而不是使用float，请尝试为此类任务研究flex。来源：，很高兴帮助你：）天哪！！！我不知道那条规则！非常感谢您的快速和惊人的反应！谢谢，谢谢！！

ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 300pxx;

}
li{
    float: right;
    display: block;
    padding: 10px;
}