HTML怎么放在同一行 这个方法很简单

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的第一个

标签中，加入样式代码：。

3、浏览器运行index.html页面，此时两个div标签的文字会在同一行上。

两种常用方法：

<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>

这样就可以了。

方法1：将ID为infoOutput里面的<div>设置行内样式。<div>本身是一个块元素，本来就占据一行，此时应将<div>设为行内元素即可。

#infoOutput div { display: inline-block}

方法2：建议将ID为infoOutput里面的<div>改为更为语义化的<span>元素。

---