Html 保持列表与文本内联，同时保持列表垂直放置

现在它显示为：text 1 2 3 4，列表与文本水平内联显示。有没有办法使列表垂直显示，同时仍与文本保持内联？（与文本1、2、3、4不同，2应出现在1下方，3应出现在2下方，以此类推。但列表仍将出现在“文本”右侧，并与“文本”在同一行中）

感谢您的帮助。谢谢

HTML

---

当然，摆脱规则，将div向左浮动：

#text {
    float:left;
}

请注意，ID必须是唯一的

---

当然，摆脱规则，只需将div向左浮动：

#text {
    float:left;
}

请注意，ID必须是唯一的

---

添加

显示：块

对于

li

元素，将#文本修改为

显示：内联块

和

垂直对齐：顶部

，这将导致它们堆叠

#ulist {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#ulist li {
    display: block;
}

#contents {
    display: inline-block;
}

#text {
    display:inline-block;
    vertical-align:top;
}

#text2 {
    display: inline;
}

---

添加

显示：块

对于

li

元素，将#文本修改为

显示：内联块

和

垂直对齐：顶部

，这将导致它们堆叠

#ulist {
    display: inline-block;
    margin: 0;
    padding: 0;
}

#ulist li {
    display: block;
}

#contents {
    display: inline-block;
}

#text {
    display:inline-block;
    vertical-align:top;
}

#text2 {
    display: inline;
}

---

这样地。。？类似的。但是“文本”仍然在第1行（在第1行而不是第4行的旁边）。像这样吗。。？类似的。但是“文本”仍然在第1行（在第1行而不是第4行的旁边）。太棒了！拥有唯一的ID就成功了！只是想知道..为什么列表中的所有内容都必须有一个唯一的ID？@user2888188 ID被设计为唯一的，使用类来处理重复的事情。啊，是的，新手犯了错误。但在这种情况下，我甚至不需要任何ID或类。再次感谢你的帮助@JoshC现在的问题是浮动文本后使其居中。列表居中，但文本仍然惊人！拥有唯一的ID就成功了！只是想知道..为什么列表中的所有内容都必须有一个唯一的ID？@user2888188 ID被设计为唯一的，使用类来处理重复的事情。啊，是的，新手犯了错误。但在这种情况下，我甚至不需要任何ID或类。再次感谢你的帮助@JoshC现在的问题是浮动文本后使其居中。列表居中，但文本仍然顽固，我想这就像“文本”不再在第1行一样。@user2888188-你说得对。对答案进行了调整，使其正确工作。我能够使用文本上的左浮动来获得答案。谢谢你的帮助@user2888188-很好，我很高兴。请记住，浮动还有其他后果，您可能不想看到，但在这种情况下可能是正确的。我明白您的意思。浮动文本后，文本无法居中。我尝试使用您的方法，使文本与列表中的第一项对齐，但没有成功…尝试了填充、高度调整等。我认为这会导致“文本”不再位于第1行。@user2888188-您是对的。对答案进行了调整，使其正确工作。我能够使用文本上的左浮动来获得答案。谢谢你的帮助@user2888188-很好，我很高兴。请记住，浮动还有其他后果，您可能不想看到，但在这种情况下可能是正确的。我明白您的意思。浮动文本后，文本无法居中。我尝试使用你的方法，使文本与列表中的第一项对齐，但没有成功…尝试了填充、高度调整等。