How can I accomplish the following:
I have tried nesting lists in tables, and also trying nesting in a <p> section. I can get it to render correctly (as shown above) in the browser, but W3C doesn't approve. How can I accomplish it and get W3C's blessing? Please be explicit, as I am a rookie.
We need a link to your page to review your code in order to troubleshoot. Whether you use a two column table or floated side-by-side divs, you'd still have to set bullets in your <li> styles.
For a more contemporary approach, just use two bulleted lists floated together:
<ul style="width:200px; float:left; margin-right:15px;">
<li>Georg Washington (1732-1799)</li>
<ul style="width:200px; float:left;">
<li>Joseph Haydn (1732-1809)</li>
Europe, Middle East and Africa