I did something similar on a client site:
<style>
body {
font-family: Verdana, Ariel, sans-serif;
font-size: 11px;
}
img {
border: 0;
}
td {
font-size: 11px;
}
#content .featuredbox ul {
margin:0;
padding:15px 13px 5px 17px;
float:left;
}
#content .featuredbox ul li {
float:left;
list-style:none;
width:30px;
margin:0;
padding-left: 5px;
padding-right: 5px;
}
}
</style>
<table width=150>
<tr>
<td>
<div id="content">
<div class=featuredbox>
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
</ul>
</div>
</div>
</td>
</tr>
</table>
The key is to fiddle with the table width and the list items.
This is a kludge. It works, but it might not be the best way to do it.
