css文字一半居左一半居右

<style type="text/css">
#test{width:400px;font-size:12px;}
#test p{margin-top:-1.2em;text-align:right;}
#test li{width:100%}
</style>
<div id="test">
<ul>
<li>半岛台报道扎卡维武装宣布释放两名土耳其人质<p>(15:22)</p></li>
<li>以色列扩张西岸定居点 要新建600栋房屋<p>(15:19)</p></li>
<li>印度水电站工程发生隧道坍塌造成28名工人死亡<p>(15:16)</p></li>
<li>6名伊斯兰团敢死队员落网 正欲发动自杀袭击<p>(14:03)</p></li>
<li>美称恐怖袭击情报另有来源 袭击进入实质阶段<p>(13:47)</p></li>
<li>孟加拉国洪灾持续一月 死亡人数升至628人<p>(13:32)</p></li>
</li>
</ul>
</div>