HTML中如何使得文字在图片的左边？

        <a id="dz">
            <section>
                <h2>对仗</h2>
                 <p>春联对仗工整,文字简洁精巧，描绘美好形象，抒发美好愿望。</p>
                 <img src="对仗4.png" style="float: left; margin: 0 20px 0 150px; height: 350px; width: 250px;">
            </section>

以上是我想要实现效果的代码，但无济于事

这是想要实现的效果

这我得到的效果

调整下图片位置

<section>
    <h2>对仗</h2>
    <img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/980038091846155.png" style="float: left; margin: 0 20px 0 0; height: 350px; width: 250px;">
    <p>春联对仗工整,文字简洁精巧，描绘美好形象，抒发美好愿望。</p>
</section>

<a id="dz">
    <section>
        <h2>对仗</h2>
        <div style="display: flex">
            <img src="./images/2.jpg" style="height: 350px; width: 250px;">
            <p>春联对仗工整,文字简洁精巧，描绘美好形象，抒发美好愿望。</p>
        </div>
    </section>

img 设置 float:right

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632