Html 显示标题在行中的列表

如何按照标题和每列一个列表显示以下代码

我用下面的代码和样式属性

display尝试了它：inline块在标题标记处，但没有一个对我有效

谢谢你的帮助



成员

人1
人2
人3

第一班

人1
人2
人3
人4



实际上，您的div需要使用内联块显示（且宽度最多为容器的50%，以便两者都适合），请参见此处：


div{width:40%；display:inline块；垂直对齐：top}

成员

人1
人2
人3

第一班

人1
人2
人3
人4



或浮动就足以完成这样的任务。尽管明智的做法是添加一个
div
将它们都包装起来，这样您就可以对它们应用清除。由于使用浮动从文档流中删除元素，因此清除是必要的。清除将消除此问题并恢复页面流

请在下面找到一个粗略的肮脏示例（减去清晰）


.list{
浮动：左；
填充：10px；
边框：1px纯红；
利润率：0.20px 0.0；
}
.list ul{
保证金：0；
左侧填充：20px；
}

成员

人1
人2
人3

第一班

人1
人2
人3
人4



试试这个：

.text{
  float: left;
  padding: 10px;
}

.text ul{
  margin: 0;  
  padding-left: 20px;
}

或者干脆避免浮点数的混乱，只需使用内联块。是的，你确实可以。虽然“内联块”并不完美，因为元素之间的空间很小，可能会破坏需要精确定位的布局。这两个选项的性质在我看来都是有缺陷的。@Doidgey谢谢你快速且解释得很好的回答。@JohnDizzle谢谢你甚至没有检查我的答案，我的答案比另一个答案提前了大约3分钟到达，并且用一句话解决并解释了所有问题：D啊，这里的不公正…@Doidgey是的，我听到了，一切都像是黑客。我想他们知道他们会引入flex Box，所以从来没有想过要真正修复它。你的解决方案能处理多于2列的列吗？好的。同样感谢您快速简便的解决方案，但红色框架太花哨了，无法接受代码作为正确答案；-）一个有效的参数就是一个有效的参数——在这里我无能为力！；）