怎么将表格UL LI平放

    

<div id="f2">

      <ul>

<table width="200" border="1">

  <tr>

    <td>

       <a href="www.baidu.com"><img src="123.png" /> </a>

   </td>

  </tr>

  <tr>

    <td> <a href="www.baidu.com"></a></td>

  </tr>

  <tr>

    <td><%#Eval()%></td>

  </tr>

</table>

</li>

</ul>

</div>

像这样的li有几个一样的，怎么样让它们平放呢，CSS咋写。 
------解决方案--------------------
参考下http://www.w3school.com.cn/css/css_positioning_floating.asp
------解决方案--------------------

#f2 ul li{float:left;display:inline;width:200px;}