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

Question

我正在尝试插入徽标，然后在下面我想要文本。 文字和我的徽标重叠。以下是我的代码

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

Answer 1

您的图片和文字已对齐，因为您的span向左浮动。 删除float，必须完成;）

jsFiddle