如何在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>