1、打开所需测试的软件，创建一个新的html 2、写入要实现效果的代码：3、利用css来控制横排展示；4、展示的效果为：详解css：主要是控制li标签的靠左浮动：float:left；当然，展示在一排，靠右浮动也是可以的，list-style-type:none; 意思是：去除图2展示的前面的点；至于margi-right:20px；让li标签...
css怎么让三个标签横排呢？
兄弟，首先指出你个错误：
id的值不可以由数字开头
还有，id 的值是唯一的，也就是说不可重复的。
所以HTML这里你先改成这样：
<div class="zong">
<div id="a01">01</div>
<div id="a02">02</div>
<div id="a03">03</div>
</div>
--------------------
对应的css也要改一下：
然后统一向一个方向浮动就可以了。
#a01 { width:100px; height:20px; border:1px solid #003399; float:left; }
#a02 { width:100px; height:20px; border:1px solid #003399; float:left; }
#a03{ width:100px; height:20px; border:1px solid #003399; float:left; }
像上面css都一样的，你完全可以简写：
#a01, #a02, #a03 { width:100px; height:20px; border:1px solid #003399; float:left; }2011-01-10
如何控制css让三个标签横排显示或者三个以上的标签横排，其实都是一样的，下面演示一下，通过控制li标签实现横排显示；
1、打开所需测试的软件，创建一个新的html
2、写入要实现效果的代码：
3、利用css来控制横排展示；
4、展示的效果为：
详解css：主要是控制li标签的靠左浮动：float:left；当然，展示在一排，靠右浮动也是可以的，list-style-type:none; 意思是：去除图2展示的前面的点；至于margi-right:20px；让li标签与右侧外边距离为20px
2015-09-12
只是横排的话，不要写那么多css也可以的。直接让div float:left就行了。
假如不需要让右边的那个特别一点的话，也可以去掉right的标签。你懂的吧
<div class="zong">
<div id="left">
<div >01</div>
<div >01</div>
</div>
<div id="right">
<div id="02">02</div></div>
</div>
<style>
<!--
.zong{
width:320px;
height:22px;
border:2px solid #FF0000;
}
div{border:1px solid #003399;}
#left div{
float:left;
width:100px;
height:20px;}
#right{
width:100px;
height:20px;
float:right;}
-->
</style>2011-01-10
方案一：
<body>
<div class="zong">
<ul>
<li id="01">01</li>
<li id="01">01</li>
<li id="02">02</li>
</ul>
</div>
增加
li {
list-style-type: none;
}
方案二：
<body>
<div class="zong">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="01">01</td>
<td id="01">01</td>
<td id="02">02</td>
</tr>
</table>
</div>
方案三：给#01、#02、#03的样式加一个float:left;这个方法必须是<div class="zong">这个标签宽度固定才不会出现问题，如果分辨率或窗口缩小的时候可能出现问题2011-01-10
宽度容许的话，就在css样式里加入
{float:left}2011-01-10
一行显示3个<li>的CSS怎么写? 
