如何在HTML中将两个div并排放置?

如何在HTML中将两个div并排放置?

通过CSS属性,您可以轻松地将两个div并排放置在HTML中。使用CSS属性float来实现这一点。

为此,添加height:100px并设置margin。

示例

您可以尝试运行以下代码来将两个div并排放置在一起 –

<!DOCTYPE html>
<html>
<head>
<title>HTML div</title>
</head>
<body>
<div style="width: 100px; float:left; height:100px; background:gray; margin:10px">
First DIV
</div>
<div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">
Second DIV
</div>
</body>
</html>

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程