html - 内容出现在 div 下面而不是里面

Question

我是 html 的新手，我正在尝试将一些橙色文本放入带有橙色边框的白色框中。我有:

    <div
   style="
   top: 20px; 
   left: 110px; 
   position: absolute; 
   z-index: 3; 
   visibility: show;
    width: 45px;
   height: 15px;
   background:#FFFFFF;
   border-color: #E2943C;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;">

  <p> 
    <font size="-1" color="#E2943C" face="Lucida Sans Unicode, Lucida Grande, sans-serif"> Beta </font> </p>  
</div>

出于某种原因，文本显示在框下方而不是框内。我确定这是一些简单的愚蠢错误，但我似乎无法查明它 - 有人有任何建议吗？

Answer 1

只需在 p 标签上应用 margin:0px，它应该可以工作您的 div 高度很小，这就是为什么文本由于默认 p

边距而下降的原因