图像不会出现在带有文本的div中

<style>
    .image {
        float: left; /* 或者 float: right; */
        margin-right: 10px; /* 调整图像与文本之间的间距 */
    }
</style>

<div>
    <img src="image.jpg" alt="图像" class="image">
    <p>文本内容</p>
</div>

<style>
    .container {
        display: flex;
        align-items: center; /* 垂直居中对齐 */
    }
    .image {
        flex: 0 0 auto; /* 图像的宽度不可伸缩 */
        margin-right: 10px; /* 调整图像与文本之间的间距 */
    }
</style>

<div class="container">
    <img src="image.jpg" alt="图像" class="image">
    <p>文本内容</p>
</div>