将文本div的边框与图像div对齐

<style>
    .container {
        display: flex;
        align-items: center;
    }
</style>

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

<style>
    .container {
        position: relative;
    }
    .text {
        position: absolute;
        top: 0;
        left: 0;
    }
    .image {
        position: absolute;
        top: 0;
        right: 0;
    }
</style>

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

<style>
    .container {
        display: grid;
        grid-template-columns: auto 1fr;
    }
</style>

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