I have a box like this:

<div id="selectBox">
Select:
<select>
<option>1</option>
<option>2</option>
</select>
</div>

How do i get them aligned so that they are horizontal in the middle of each other, the baseline of the "Select" text and the content of the select box ("1").(and not the box itself).

I can solv this by wrapping a table around them and make two cells but i feel that method is very crude.