Javascript 为什么图像和文本在我的对话框中重叠

我试图插入标志，然后在下面，我想有文字。 文本和我的徽标重叠。下面是我的代码

<div id="dialog-confirm">    
    <p>
        <span style ="float: left; margin: 0 7px 50px 0; width: 50px; height: 37px;">
            <img src="images/logo.png" alt="splash" />
        </span>
    </p>     
    <p>
        <strong>Please Note:</strong> My Text here
    </p>

    <ul>
        <li>point1</li>
        <li>point2</li>
    </ul>
</div> 

请注意：此处是我的文字


第一点
第2点

您的图像和文本对齐，因为您的

span

向左浮动。 删除

float

并且必须这样做；）

---

您可以创建JSFIDLE或jsbin吗？简单，使用clear:span后两者都可以。。谢谢，这也行