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

Question

        <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>

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

这是想要实现的效果

这我得到的效果

Answer 1

调整下图片位置

<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>