mysticalforest

So I have an HTML/CSS problem.

Is there a way to have a bulleted list item (say using the ol and li tags) whose li item consists of two columns—including an image?

I was using a simple two-column one-row table within the li tags, but the problem is that the bullet won't align properly if I use a table. Namely, the bullet appears on the bottom of the table naturally or if I add an nbsp immediately after the li tag but before the table tag, then the bullet appears on a line above the table, which looks awful.

Is there a CSS trick (or HTML/table trick for that matter) I can employ to have two columns in a list item with the bullet appearing aligned with the top line of each column?

Here's a crude illustration: