Question

怎么让<li>标签里的两句话分别居左居右显示

<li><em>2014-03-05</em> a href="">必玩网</a></li>
<li>标签里的两句话分别居左居右显示

Answer 1

常用的方法是使用浮动。
将<li>中两句话分别设置样式并使用浮动。然后使用左，右浮动，这样就能左右显示了。
给出页面代码：
<ul>
<LI>< span class="left"> <a href="#">左边</A></SPAN>

<span class="right">右边</span>
</LI>
<ul>
在css中写法

.left{float：left; width:50% ;}
.right{float：right; width:50% ;}
这样就能使左边靠左，右边向右显示。上面设置为左右各占外围盒子的宽度50%。
注意：左右两边的宽度，相加的宽度不要超过外围<ul>盒子的宽度，否则会有一边被挤下来。

Answer 2

单独使用li标签，是无法让里面的两句话分别居左和居右显示的。

应当在li标签内，分别使用两个块级标签，如，span,i,em,a,这些，把两句话分别装在这些标签内，再分别进行浮动，即左右对齐显示。

Answer 3

li{
display:block;

width:200px; /*这里是你LI的宽度*/

}
li em{
display:block;

float:left;

}
li a{
display:block;

float:right;

}

根据你的代码大概这样就行了
还有，你第一行的a标签的左尖括号写掉了
<li><em>2014-03-05</em> <a href="">必玩网</a></li>

Answer 4

<li><em style="float:left;">2014-03-05</em> <a href="" style="float:right;">必玩网</a></li>