不用float，怎么让div横向排列

来源：百度知道 编辑：UC知道 时间：2024/05/03 10:17:40
不要使用float浮动效果。
不使用float怎么让多个div框横排，当然li，dd等，变为block横排也可以。用javescript实现也行。
如果li不变为块，是无法改变大小的。

在li中使用display:inline;
下面是一个代码实例：
<head>
<style>
.test{text-align:center;}
.test ul{border:1px solid red;}
.test li{display:inline;border:1px solid blue;margin:0px 10px}
</style>
</head>
<body>
<div class="test">
<ul>
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
</div>
</body>