如何并排放置两个锚点

<style>
    .anchor {
        float: left;
        width: 50%; /* 可根据实际需求调整宽度 */
    }

    .second-anchor {
        clear: left;
    }
</style>

<div class="anchor">
    <!-- 第一个锚点的内容 -->
</div>
<div class="anchor second-anchor">
    <!-- 第二个锚点的内容 -->
</div>

<style>
    .container {
        display: flex;
    }

    .anchor {
        flex: 1; /* 可根据实际需求调整比例 */
    }
</style>

<div class="container">
    <div class="anchor">
        <!-- 第一个锚点的内容 -->
    </div>
    <div class="anchor">
        <!-- 第二个锚点的内容 -->
    </div>
</div>

<style>
    .container {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 可根据实际需求调整列数 */
        grid-gap: 10px; /* 可根据实际需求调整间距 */
    }
</style>

<div class="container">
    <div class="anchor">
        <!-- 第一个锚点的内容 -->
    </div>
    <div class="anchor">
        <!-- 第二个锚点的内容 -->
    </div>
</div>