Html DIV未显示在p标签内

我有这样一个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>

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

在这里，您可以看到3个

内

带有class

的标签。top\u dr\u profle

。但是当我在mozilla的firebug中看到它时，

出现在

标记之外。我还附上了萤火虫的屏幕截图

使用

---

元素可能没有

元素子节点。

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

您可以在paragragh元素中使用span元素，使其看起来像这样：

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

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

这是无效的HTML！p标记是文本容器而不是布局容器您的图像不可见可能重复