Question

link to image

The ordered list is supposed to look like this:
link

EDIT: Weird, the code won’t display properly here…

<table width="1098">  <tr>
<td width="479" height="147"><img src="NYPLogo.png" width="459" height="100" /></td>
<td width="29" id = "name">Products</td>
<td width="574">&nbsp;</td></tr>  <tr>
<td>&nbsp;</td>
<td colspan="2"><div id = "words">Announcements<br />
  <br />
  GSM Registrration Round 1 : xx-Apr-2011 to xx-Apr-2011<br />
  <br />
GSM Registration Round 2: xx-Apr-2011 to xx-Apr-2011<br />
<br />
<ul id = "courselist">
<li><img src = "NYPLogo.png" alt = "" width= "200" height="44" /></li>
<li><img src = "NYPLogo.png" alt = "" width= "200" height="43" /></li>
<li><img src = "NYPLogo.png" alt = "" width= "200" height="41" /></li>
<li><img src = "NYPLogo.png" alt = "" width= "200"  /></li>
</ul>
</div>      
  <p><br />
</p></td> </tr></table>

Answer 1

Try setting the li to display:inline; like so:

#courselist li{
 display:inline;  
}

That way they appear next to each other instead of on new lines.