怎样在li中设置两个span标记左右浮动？

两种方法,一个是右浮的写在前面,定义右浮动\x0d\x0a\x0d\x0a另一个是按顺序写,左边的定义左浮动,右边的定义右浮动,但这样外盒的高度要给定一下,要不容易出问题\x0d\x0a\x0d\x0a-//W3C//DTDHTML4.0Transitional//EN">\x0d\x0a\x0d\x0a\x0d\x0aNewDocument\x0d\x0a\x0d\x0a.top{\x0d\x0awidth:400pxborder:1pxsolidgrayline-height:2em\x0d\x0a}\x0d\x0a.left{\x0d\x0afloat:left\x0d\x0adisplay:inline\x0d\x0a}\x0d\x0a.right{\x0d\x0afloat:right\x0d\x0adisplay:inline\x0d\x0a}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a右浮动:右边内容写在左边左边内容写在右边\x0d\x0a左右浮动:左边内容写在左边右边内容写在右边\x0d\x0a\x0d\x0a

<style>

ul>li{

float:right

}

</style>

<script language="javascript">

function go_up(){

var len = document.getElementById('test').innerHTML+='<li>1</li>'

}

</script>

<ul id="test"><li>2</li></ul>

<a href="javascript:go_up()">点我</a>

---