在段落末尾获取锚标记?

时间:2012-10-05 14:07:34

标签: html css

我有一个带有链接的段落,如下所示:

<p>Some text, blah blah blah</p>
<a href="#">... read more</a>

这将最终呈现如下:

  

有些文字,等等等等等等      

...了解更多

除非我希望它像这样呈现:

  

有些文字,等等等等...等等。

如果不将链接放在段落中,有没有办法做到这一点?我已经绞尽脑汁几分钟并尝试了一些事情,但我无处可去。

4 个答案:

答案 0 :(得分:4)

你可以用一点css来说:

p, a { display: inline; }

答案 1 :(得分:1)

为您的段落元素创建一个覆盖并更改标准样式

p {diplay: block;}

p { display: inline-block; }

请点击此处链接:http://jsfiddle.net/SGAy3/

答案 2 :(得分:0)

或者

p {float: left;}
a {display: inline-block;}

display:inline-block是为了确保文本链接不会换行

答案 3 :(得分:0)

粘贴浮动:左侧为a标记和p标记..

所以它可能就像

p,a{float:left}