Question

div+css 超链接内的文字如何让他两端对齐？

我用的是dedecms 标签 在a链接里写了两个标签： <li><a href="[field:arcurl/]">[field:name/] 经验:[field:time/]</a></li> 我现在想让这两个标签显示的时候在DIV里两端对齐应该怎么写呢？下面是页面的代码和CSS的代码，求大神协助解决一下。
--------------------------------------------
页面的代码：
<ul class="left_new_ul">
{dede:arclist row='8' typeid='7' channelid='8,9,10' orderby='pubdate' addfields='name,time' channelid='17' }
<li><a href="[field:arcurl/]">[field:name/] 经验:[field:time/]</a></li>
{/dede:arclist}
</ul>

--------------------------------------------

CSS代码：

.left_new_ul {
PADDING-LEFT: 6px
}
.left_new_ul LI {
BORDER-BOTTOM: #bba670 1px dotted; LINE-HEIGHT: 34px; TEXT-INDENT: 15px; WIDTH: 192px; BACKGROUND: url(../images/left_new_li_bg.jpg) no-repeat left center
}
.left_new_ul LI A {
COLOR: #614a10
}
.left_new_ul LI a:hover{
text-decoration: none;
}

--------------------------------------------

Answer 1

首先给<a 标签 转为块级元素 对他们进行定位可办到记得加个span标签
<li><a href="[field:arcurl/]">[field:name/] <span>经验:[field:time/]</span></a></li>

以下是样式
.left_new_ul LI A { COLOR: #614a10; display:block; position:relative;}
.left_new_ul LI A span{ position:absolute; right:0; top:0;}

追问

用您的方法是可以实现两头显示的效果，但是一个新的问出来了，就是在第一个标签有链接，第二个标签内的没有链接，这样应该如何解决呢？