CSS：使用float实现水平布局、块级元素不换行

默认条件下块级（block）元素会自动换行，如需不换行显示可使用float属性，代码如下：

<div id="content_body">
        <!--float: left, 水平布局-->
        <ol style="float: left">
            <li>天津</li>
            <li>北京</li>
            <li>上海</li>
        </ol>

        <ol style="float: left">
            <li>天津2</li>
            <li>北京2</li>
            <li>上海2</li>
        </ol>

        <!--clear: both, 清除水平布局，恢复默认-->
        <p style="clear: both">这是一段文字</p>
</div>

效果图：