javascript - 将div放置在另一个具有固定“空白”的内部

我需要做类似的事情：



这是我所知道的：
http://jsbin.com/apikiw/3/edit#preview

问题在于我不能将其放在<p />之间，因为它是动态内容...我该如何解决？

谢谢！

最佳答案

您给出的示例看起来像是“ float：right;”。报价上的样式。
如果这是动态的，则需要以某种方式将其标记为与其余内容不同。

这是我快速执行的操作：
http://www.cyba.co/test.html

请注意，在HTML中，引用部分出现在缩进部分之前。如果将此文本标记为该部分的标题，则这是构造HTML的方式。

[编辑以显示CSS和jQuery]

.1-post-content p {
    display:block;
}

$(document).ready(function() {
    var $quotation=$('.1-post-quotation').clone();
    $('.1-post-quotation').remove();
    $quotation.insertAfter('.1-post-content p:nth-child(1)');
}

笔记：
这是主要原则，但当然您仍然需要根据自己的需要进行调整，例如每种用法的数据如何变化，标识引用零件的位置等。
另外，如果您确实使用jQuery，请不要忘记包含jQuery脚本文件！

我不想承担太多–您可以在哪里添加CSS和脚本吗？