将相邻的内联块添加到任何内联内容

Question

我的目标是在文本块旁边提供类似“阅读更多”链接的内容。在将内容发送到客户端之前会自动添加它，并且包含它的块应该与先前的文本相邻，就像它是该文本的一部分一样。问题是文本块内容是使用TinyMCE创作的，因此内容将被打包成各种标签（主要是段落标签） - 因此以下内容将被推送到下一行（或块）。

所以在经历解构textblock服务器内容以决定在何处以及如何附加其他块的痛苦之前，我认为可能有一种方法可以使用纯CSS来完成。我有一种感觉，这是不可能的，因为我认为它需要相邻的块来排序先前块的覆盖属性，但是再次可能有一两件事我错过了所有这些CSS /内联业务。

我创建了一个JSFiddle here

感谢您就此事提供任何建设性意见！

Answer 1

看到这个小提琴：http://jsfiddle.net/D2RnS/5/

p + p, .adjacentBlock { float : left; }

我刚刚离开了第二段和相邻的块。这样做时记得还要对父容器应用某种浮动清除（示例中的<div>）

Answer 2

您可以在css中使用伪元素，方法是在以前的标记中添加ID：

#block:after {
    content:"You will have this appended.";
}

您可以在此处查看效果：http://jsfiddle.net/D2RnS/14/