两个div在同一行显示

要将两个 `<div>` 元素放在同一行显示，可以使用 CSS 中的 `display: inline-block;` 属性。这个属性将使两个 `<div>` 元素在同一行内并排显示。以下是一个示例代码：

<style>
    .div1 {
        display: inline-block;
        width: 50%;
        background-color: red;
    }
    
    .div2 {
        display: inline-block;
        width: 50%;
        background-color: blue;
    }
</style>

<div class="div1">Div 1</div>
<div class="div2">Div 2</div>

在上面的示例中，我们使用了 `display: inline-block;` 将两个 `<div>` 元素放在同一行内。它们的宽度都设置为 50%，可以根据需要进行调整。`background-color` 属性只是用来为两个 `<div>` 元素设置不同的背景颜色以便区分。