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

Hi guys,

I have the following code:

Code:

---

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

---

this is from my stylesheet:

Code:

---

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

---

Code:

---

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

Remove the display:block.