怎么让两个div在同一行

1、新建一个新的html页面。

2、在html代码页面中创建的两个div标签并为其分别添加类名及class属性，假设class分别为：one，two。

创建div代码如下：

<div class="one">第一个div</div>

<div class="two">第二个div</div>

3、在html代码页面中创建<style>标签，并为类one，two赋予样式。

css样式代码如下：

<style>

.one,.two{

width: 50%;

height: 300px;

border:1px solid #ccc;

float: left;

box-sizing: border-box;

}

</style>

4、设置好相应的样式属性后，保存html代码，然后使用浏览器打开，即可看到两个div标签显示在同一列上。