how to display 2 objects in a div on the same line

[Nitesh]

Hi guys,

I have the following code:

<div><span class="GuardLabel">ID Number:</span>
                    <input id="TextGIDNum" class="GuardTextStandard" type="text" />
                  </div>

this is from my stylesheet:

.GuardLabel
{
 FONT-FAMILY: Arial;
 FONT-SIZE: 8pt;
 height: 18px;  
 width: 90px;
 display: block;
 float: left;
}

.GuardTextStandard
{
 width: 140px;  
 FONT-FAMILY: Arial;
 FONT-SIZE: 8pt;
 font-weight: normal;
 height: 18px;
}

I've attached a screenshot. I want a checkbox to appear to the right of the textbox. Whatever i've tried isn't working. Please show me how to.

[mendhak]

Remove the display:block.