我可能过度思考并忽略了简单的解决方案，但我想不出那个简单的解决方案。
我有一个像这样的广义'状态'的内联列表
<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>
我需要在每一个下方放置几乎像“子状态”而不用力定位它们或将它们放在一个表中。因此，他们将使用广义任务铺设在每个跨度下方。
我尝试将它们放在单独的ul中，然后将它们显示为内联，但它们无法正确显示。我也尝试将它们放在单独的p标签中，看看是否可行，但我失败了。
我的小提琴 http://jsfiddle.net/kZFAG/1/
任何帮助都会很精彩！
答案 0 :(得分：1)
像this之类的东西会合适吗？
我在元素上使用display:inline-block，然后在“status”元素上使用display:block。我还将状态元素移动为容器的子元素。