我可能想多了，忽略了简单的解决方案，但我就是想不出那个简单的解决方案。
我有一个像这样的通用“状态”的内联列表
<span><b>Department:</b> No Task Started</span>
<span><b>Department:</b> No Task Started</span>
<span><b>Department:</b> No Task Started</span>
<span><b>Department:</b> No Task Started</span>
而且我需要在每个状态下几乎放置一个“子状态”，而不用强制定位它们或将它们放在 table 上。因此，他们将在每个跨度下放置通用任务。
我尝试将它们放在单独的 ul 中，然后以内联方式显示它们，但它们没有正确显示。我还尝试将它们放在单独的 p 标签中，看看是否可行，但我失败了。
我的 js fiddle http://jsfiddle.net/kZFAG/1/
任何帮助都会很棒!
最佳答案
会像 this合适吗？
我在元素上使用了 display:inline-block，然后在“status”元素上使用了 display:block。我还将状态元素移动为容器的子元素。
关于html - 具有低于主要状态的子状态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18644931/