Question

I’m a newbie to html, I’m trying to put some orange text into a white box with an orange border. I’ve got:

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

For some reason, the text is showing up beneath the box instead of in it. I’m sure it is some simple stupid error, but I can’t seem to pinpoint it – does anyone have any suggestions?

Answer 1

Just apply margin:0px on p tag, it should work
Your div height is small that is why text is falling down due default to margin of p