How to display table and select next to each other

Giganews Newsgroups
Subject: How to display table and select next to each other
Posted by:  removeps-groups@yahoo.com (removeps-groups@yahoo.com)
Date: Sun, 7 Sep 2008

How to display table and select next to each other?

<html>
<body>
<table border=1 style="display:inline-table">
  <tr><td>Hello1</td></tr>
  <tr><td>Hello2</td></tr>
  <tr><td>Hello3</td></tr>
  <tr><td>Hello4</td></tr>
  <tr><td>Hello5</td></tr>
</table>
<select size="3">
  <option value="1">1</option>
  <option value="1">2</option>
  <option value="1">3</option>
</select>
</body>
</html>

In Mozilla 3.0.1, the table is on the left with 5 rows of data.  The
select of size 3 is next to it, thanks to the inline-table, which is
fine.  However, the bottom of the select aligns with the bottom on the
first table cell.  What I want is the top of the select to align with
the top of the table.

IE 7 displays the select below the table, ignoring the inline-table
directive.

So the question is how to get it to align the top of the select with
the top of the table in Mozilla and IE.

Thanks.

Replies