DIV没有显示在p标签内

Question

我有这样的HTML：

<a class="nhr" href="javascript:void(0)" onclick="" >
    <p class="top_dr_profle">
        <div class="my_doc_pic">
            <img src="images/profile_img.png" />
        </div>
        <div class="my_doc_cont">
            <p>Josh Dobstaff, MD</p>
            <p>Hospitalist</p>
        </div>
        <div class="clear"></div>
    </p>
    <p class="primary">Make Primary</p>
</a>

在这里，您可以看到<div/>标记内的3个<p/>，其中包含类.top_dr_profle。但是当我在mozilla的firebug中看到它时，<div/> s出现在<p/>标签之外。我也附了萤火虫的屏幕截图。

Answer 1

使用a validator。

<p>元素可能没有<div>元素子节点。

Answer 2

段标记不能包含块级元素。 div是块级元素

Answer 3

您可以在段落元素中使用span元素，使其如下所示：

<p class="top_dr_profle">
    <span class="my_doc_pic">
        <img src="images/profile_img.png" />
    </span>
</p>