在HTML中，要使div元素并排排列，你通常需要用到CSS的display属性，特别是display: inline-block;或display: flex;。以下是两种常见的方法来实现div元素的并排排列，并使用一个HTML文件给出示例说明。
方法一：使用display: inline-block;
在CSS中，你可以将div元素的display属性设置为inline-block，这样它们就会像内联元素（如span）一样并排显示，但同时又保持块级元素的特性（如可以设置宽度和高度）。
示例效果与源代码：
12345678910111213141516171819202122
尝试一下 »
在这个例子中，我们创建了一个名为.inline-block-divs的CSS类，该类将display属性设置为inline-block，并为div元素设置了一些其他样式属性（如宽度、边距和背景色）。然后，在HTML中，我们创建了三个带有这个类的div元素，它们会并排显示在页面上。
方法二：使用Flexbox（display: flex;）
Flexbox是一个更现代的布局模式，它允许你更容易地设计复杂的布局结构，包括并排排列的元素。
示例效果与源代码：
123456789101112131415161718192021222324252627
尝试一下 »
在这个例子中，我们创建了一个名为.flex-container的Flex容器，它包含三个.flex-item子元素。通过设置display: flex;，我们告诉浏览器使用Flexbox来布局这些元素。我们还使用了一些Flexbox属性（如justify-content和flex）来进一步控制元素的布局。在这个例子中，所有子元素都会等宽并排显示，并在它们之间有一些间距。