Css 奇怪的有序列表

好的，我有一个奇怪的有序列表，我需要建立，我不知道如何做到这一点

这就是我要找的样子

这是HTML

            <ol class="container">
              <li>
                <span>Order: <strong><a href="#">59179</a></strong></span>
                <div>Order Date: <strong>04/29/2013</strong></div>
                <div class="clear"></div>
                Status: <strong>In Process</strong>
              </li>
            </ol>

除了1之外，所有的东西看起来都是我想要的。由于某种原因，它会向右浮动。我错过了什么

---

您可能不想使用

float:left

将span和div放在有序列表中。在非

clear

div上使用

display:inline block

可能会更幸运。例如：

ol.container li span{ }
ol.container li div { display: inline-block;}
ol.container li div.clear { display: block;}

---

您可以共享整个css或url吗？尝试在css中不使用所有的

浮动：left

，而不使用浮动，它们只是垂直排列。我已经重写了几次这个CSS，这就是我所要做的，使它看起来像底部屏幕。不用担心，我发现它通常是CSS的方式！请注意，IE6和IE7不支持div上的

内联块。如果我的回答有帮助的话，如果您能将其标记为已接受，我将不胜感激。如果可以的话，非常感谢，祝你以后好运：）很抱歉延迟接受答案。有点忘了那个帖子了。如果你能投票支持我的问题，那就太好了。我被禁止提问，因为某些原因我不知道为什么。谢谢你，伙计，我投票支持你的问题，因为它非常清楚，表达得很好。我也不明白你为什么被禁止。希望这有帮助：）
ol.container li span{ }
ol.container li div { display: inline-block;}
ol.container li div.clear { display: block;}