用一个H2标签作为标题,如下:
<
H2
><
a
href
="#"
>
标题
</
a
><
span
>
更多...
</
span
></
H2
>
h2
{...}
{
height: 2px;
}

span
{...}
{
float: right;
display:block;
margin:-10px 0 0 0;
height:20px;
}

现在要做的就是把更多定位到标题的右侧,用下面的CSS即可实现。











注意到上面的span标签除了向右浮动外,还用到了margin:-10px...。这是因为span浮动后会转至标题的下一行,因此必须用一个负的margin-top让它上去。效果如下图: