两种常用方法：
<p class="p_left">左左左左左左左</p><p class="p_right">右右右右右右右</p>。
一、
.p_left{float:left}。
.p_right{float:left}。
二、(中间如果有空格 他会留空格的 上面的就不会，你要块状也可以换成display:inline-block)。
.p_left{display:inline；}。
.p_right{display:inline}。
在界面设计的时候，经常需要将两个div在同一行显示。
如以下要将“第一个div”和“第二个div”显示在同一行：
<div id="id1"> /*外层div*/
<div id="id2" style="width:100pxheight:20px">第一个div</div>
<div id="id3" style="width:100pxheight:20px">第二个div</div>
</div>
只需要对id2和id3增加css样式即可，如下所示：
<div id="id1"> /*外层div*/
<div id="id2" style="width:100pxheight:20pxfloat:left">第一个div</div>
<div id="id3" style="width:100pxheight:20pxfloat:left">第二个div</div>
</div>
这样就可以了。
把两个div放在一个父div里面，然后进行浮动即可。
下面我们一起来实现以下：
创建一个父div，然后创建两个子div，代码如下：
给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可,"float:left"我们来写一下代码：
下面我们来看一下运行效果
DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。
