html语句怎么实现无序列表并排？就是两列怎么实现，用语句代码。

<ol id="list">

<li>无序列表并排111<li>

<li>无序列表并排222<li>

</ol>

css：

-----------------------------

#list li{float:left}

float浮动就行了，最好给ol和li设定固定宽度，另外你还需要做的是浮动以后清除浮动

在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:

（1）设置为行内样式，display:inline-block

（2）设置float浮动

（3）设置position定位属性为absolute

以下为三种方式的具体实现代码：

1、设置每个div的展现属性为行内样式，示例代码为：

<div class="app">

<div style="display:inline-blockbackground:#f00">div1</div>

<div style="display:inline-blockbackground:#0f0margin-left:10px">div2</div>

</div>

2、设置float浮动，示例代码为：

<div class="app">

<div style="float:leftbackground:#f00">div1</div>

<div style="float:leftbackground:#0f0margin-left:10px">div2</div>

</div>

3、设置position定位属性为absolute, 示例代码为：

<div class="app">

<div style="position: absolutewidth:100pxbackground:#f00">div1</div>

<div style="position: absoluteleft:100pxbackground:#0f0margin-left:10px">div2</div>

</div>

扩展资料：

css清除浮动方法

（1）添加新的元素 、应用 clear：both

.clear {

clear: both 

height: 0

height: 0

overflow: hidden

}

（2）父级div定义 overflow: auto

.over-flow {

overflow: auto

zoom: 1//处理兼容性问题

}

（3）伪类  :after 方法  outer是父div的样式

.outer { zoom:1}    /*==for IE6/7 Maxthon2==*/

.outer :after {

clear:both

content:'.'

display:block

width: 0

height: 0

visibility:hidden

}

参考资料来源：CSS官方文档：css-float

参考资料来源：CSS官方文档：css-Positioning

首先：把这两个div写在html代码中，如下代码所示。

<div class="content">第一个div</div>

<div class="content">第二个div</div>

其次：再css样式里面对这两个div控制，让其左浮动，或者右浮动，根据自己需要调整。下面给出例子，div的高是253px，宽是280px，让其两个左浮动，这样两个div就并排在一行了。

.content {

height: 253px

width: 280px

float: left

}

最后，考虑到div的布局不规整，可以用一个大的div对其加以控制，可以写成这样，这样就可以了。

<div>

<div class="content">第一个div</div>

<div class="content">第二个div</div>

</div>

---