html中如何将两个div并列显示
<html>
<head>
<style>
#e {
margin-left:500px;
margin-top:230px;
font-style:italic;
text-align:center;
}
</style>
</head>
<body background="lann.jpg">
<div id="e">
<div id="d" style="float:left">
<h2 class="tit" style="color:#000000">站点管理</h2>
<ul>
<li><h3><a href="" style="color:#000000">站点添加</a></h3></li>
<li><h3><a href="" style=" color:#000000 ">站点修改</a></h3></li>
<li><h3><a href="" style="color:#000000">站点删除</a></h3></li>
</ul>
</div>
<div id="c" style="float:right" >
<h2 class="tit2" style="color:#000000">线路管理</h2>
<ul>
<li><h3><a href="" style="color:#000000" >线路添加</a></h3></li>
<li><h3><a href="" style="color:#000000">线路修改</a></h3></li>
<li><h3><a href="" style="color:#000000">线路删除</a></h3></li><br/>
</li>
</ul>
<h2 class="tit2" style="color:#000000">关于</h2>
</div>
</div>
结果显示是这样，我想让站点管理和线路管理并列显示在“公交查询小助手”下面，这样看着好看，请问该如何实现，html也贴了出来，大家看看。
比如
<div style="widht:500px">
<div style="float:left;width:200px">左</div>
<div style="float:left;width:200px">右</div>
</div>
这样，这个两个DIV标签就在同一行上了（同时靠左），当然有个前提，就是他们俩的父元素的宽度要至少大于400px，这样才能在同一行上。这个结果是两个DIV的右侧会空出100PX的空白
<div style="widht:500px">
<div style="float:left;width:200px">左</div>
<div style="float:right;width:200px">右</div>
</div>
以上写法，也是在同一行。不同的是，一个靠左，一个靠右。
这里边的两个DIV的中间有100PX的空白。
的确是，能不能控制他们两个之间的距离，设置为左浮动之后距离太近了，请问可以不。
追答当然可以的，只要你明白css中盒模型的原理就简单。
marging外部距离
padding内部距离
css不是很懂，我现在弄成这样了，只要间距大一点就行了，但没成功。
那就设置margin:0 10px; 如何10px不够那就再增加就可以了。知道你满意为止
本回答被提问者采纳②两个div style=display:inline-block;vertical-align:top（不一定兼容所有浏览器，获得像按钮一样的属性）
上面两个方法右边的div还要margin-left:**px或padding-left:**px，效果看看起来就不那么近了。
③绝对定位，不推荐。
还有，你把“关于”扩到右边的div里面了，感觉看起来有点不太好。追问
谢谢，这点我也意识到了，正杂努力的改，谢谢了！但没该成功，改成如下，但距离还是如此。
<head>
<style>
#e {
margin-left:500px;
margin-top:230px;
font-style:italic;
text-align:center;
}
</style>
</head>
<body background="lann.jpg">
<div id="e">
<div id="d" style="float:left">
<h2 class="tit" style="color:#000000">站点管理</h2>
<ul>
<li><h3><a href="" style="color:#000000">站点添加</a></h3></li>
<li><h3><a href="" style=" color:#000000 ">站点修改</a></h3></li>
<li><h3><a href="" style="color:#000000">站点删除</a></h3></li>
</ul>
</div>
<div id="c" style="float:left" >
<h2 class="tit2" style="color:#000000">线路管理</h2>
<ul>
<li><h3><a href="" style="color:#000000" >线路添加</a></h3></li>
<li><h3><a href="" style="color:#000000">线路修改</a></h3></li>
<li><h3><a href="" style="color:#000000">线路删除</a></h3></li><br/>
</li>
</ul>
<h2 class="tit2" style="color:#000000">关于</h2>
</div>
</div>
