Latest Lists

[HTML] How to make a table with both an unordered list and ordered list side by side in the same table?

I'm not sure how to do it. I got it done but it seems tedious and messy and I'd assume there is a better way. What I wrote was: <table border=1> <thead> <th>Unordered List</th> <th>Ordered List</th> <tr> <td><ul><li>An item</td></ul> <td><ol><li>First item</td></ol> </tr> <tr> <td><ul><li>Another item</td></ul> <td><ol start="2"><li>Second item</td></ol> </tr> <tr> <td><ul><li>Yet Another item</td></ul> <td><ol start="3"><li>Third item</td></ol> </tr> </table> is there any better way to do this? thanks in advance

Public Comments

1. First of all, you have tags without closing tags, and you have tags that are improperly nested. Tags are like parentheses - if you open tag b inside tag a, you have to close tab b before you close tag a. The best way to do this would be to not use a table at all. As you've noted, you lose the entire utility of lists (auto numbering, reordering, etc) by trying this. Use CSS. If you put each list inside a div you can format it to look like a table (if you want to.)