html: div 内部的 p 元素中的文字不显示怎么回事？

Question

如下

<div style="border:1px dashed #444444" class="span10">
    <p>请在下面按钮中个选择:</p>
    <button type="button" class="btn btn-default btn_template"
                                            value="{k1}">红色
                                    </button>
    <button type="button" class="btn btn-default btn_template"
                                            value="{k2}">蓝色
                                    </button>
</div>

“请在下面按钮中个选择”这几个字显示不出来怎么回事？

这个 div 是内部的 div，外面还有好几层 div
可能的原因是什么？如何强制显示 p 元素中的字？试过加了 align="left" align="center"等不起作用

FYI:整体框架如下

<div class="new-border sf1 sf3">
                <div class="new-title">框架<input name="strategy" type="checkbox" value="kpg"></div>
                <div class="formField" style="display:none">
                    <div class="row-fluid">
                        <div class="span2"><span class="fLabel">文档:</span></div>
                        <div class="span10">
                            <form:textarea path="channel" id="channel"
                                           maxlength="200" class="input-xxlarge" rows="4"
                                           htmlEscape="false"></form:textarea>
                            <div style="margin: 4px 0 4px 0;">
                                <div style="border:1px dashed #444444" class="span10">

Answer 1

可能是font-size设为了0，你重新设置一下font-size试试

Answer 2

p标签写法错误

<p>xxx</p>

Answer 3

p标签怎么会显示不出来呢。。。
替换用个span可以吗？可能是你这个内部div的大小写死，然后两个button把div平分了？

Answer 4

p元素被其他元素覆盖了

Answer 5

应该是你外层有浮动影响到了 把外层的浮动清除一下 或者用定位来代替