css - 将相邻的内联 block 添加到任何内联内容

Question

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

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

我创建了一个 JSFiddle here

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

Answer 1

请看这个 fiddle :http://jsfiddle.net/D2RnS/5/

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

我只是向左浮动第二段和相邻的 block 。这样做记得还要对父容器应用某种 float 清除(您的示例中的 <div>)