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

Question

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

因此，在经历解构文本块服务器端的内容以决定在哪里以及如何附加另一个块的痛苦之前，我认为可能有一种方法可以使用纯 CSS 来完成此操作。我有一种感觉这是不可能的，因为我认为它需要相邻的块来覆盖前一个块的属性，但话又说回来，关于所有这些 CSS/内联业务，我可能会错过一两件事。

我在这里创建了一个JSFiddle

感谢您对此事的任何建设性意见！

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/