HTML中2个无序列表怎么排在一个水平位置（列表2不在列表1的下面）

比如这个列表，我像再做一个列表和他在同一个水平位置上，就是在他在网页左边，另外一个在右边。
<ul>
<li>computer games</li>
<li>football</li>
<li>NBA</li>
</ul>
<ul>
<li>computer games</li>
<li>football</li>
<li>NBA</li>
</ul>
可是按上面这种写，列表2就在列表1下面，那要怎么写才能让2在1的右边。
求教

把&lt;ul&gt;写成&lt;ul style="float:left;display:inline;"&gt;
最简单的。

把<ul>写成<ul style="float:left;display:inline;"> 最简单的。