网页布局 怎么让li横排

<li  style="FLOAT: left;">
<div>用户名</div>
<div ><input type="text" name="login_id" /></div>
</li>
怎么让 用户名和 文本框 横排

还有
<div>
<li> 1 </li>
<li> 2 </li>
</div>

怎么让 1 2 横排

 

 

<ol style="list-style-type:none;">
<li style="float:left;"> 1</li>
<li style="float:left;"> 2</li>
</ol>