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

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

<div id="content_body">
        
        <ol style="float: left">
            <li>天津li>
            <li>北京li>
            <li>上海li>
        ol>

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

        
        <p style="clear: both">这是一段文字p>
div>

效果图：