如何在一个div中以内联方式显示2个div？

在一个div中以内联方式显示两个div，可以使用CSS的display属性来实现。具体的方法有以下几种：

使用float属性：给两个要显示的div设置float属性为left或right，使它们浮动在同一行。示例代码如下：

<style>
    .container {
        width: 100%;
    }
    .left-div, .right-div {
        width: 50%;
        float: left;
    }
</style>

<div class="container">
    <div class="left-div">
        <!-- 左侧div的内容 -->
    </div>
    <div class="right-div">
        <!-- 右侧div的内容 -->
    </div>
</div>

使用display: inline-block属性：给两个要显示的div设置display属性为inline-block，使它们以内联块级元素的方式显示在同一行。示例代码如下：

<style>
    .container {
        width: 100%;
    }
    .left-div, .right-div {
        width: 50%;
        display: inline-block;
    }
</style>

<div class="container">
    <div class="left-div">
        <!-- 左侧div的内容 -->
    </div>
    <div class="right-div">
        <!-- 右侧div的内容 -->
    </div>
</div>

使用flexbox布局：给包含两个要显示的div的父级div设置display属性为flex，使其成为一个flex容器，然后通过设置flex子项的属性来控制它们的布局。示例代码如下：

<style>
    .container {
        width: 100%;
        display: flex;
    }
    .left-div, .right-div {
        flex: 1;
    }
</style>

<div class="container">
    <div class="left-div">
        <!-- 左侧div的内容 -->
    </div>
    <div class="right-div">
        <!-- 右侧div的内容 -->
    </div>
</div>

以上是三种常用的方法，可以根据具体需求选择适合的方式来实现在一个div中以内联方式显示两个div。