Добавить смежный встроенный блок в любой встроенный контент

Question

Моя цель - предоставить что-то вроде ссылки «Читать дальше» рядом с текстовым блоком. Он автоматически добавляется до отправки содержимого клиенту, а блок, который содержит его, должен быть смежным с предыдущим текстом, как если бы его часть этого текста. Проблема в том, что содержимое текстового блока создается с помощью TinyMCE, поэтому контент будет упакован в различные теги (главным образом тег абзаца), поэтому следующий контент будет перенесен на следующую строку (или блок).

Итак, перед тем как пройти через разрушение содержимого серверного блока textblock, чтобы решить, где и как прикрепить другой блок, я подумал, что, возможно, есть способ сделать это, используя чистый CSS. Я чувствую, что это будет невозможно, поскольку я думаю, что для смежного блока потребуется сортировка переопределяющих свойств предыдущего блока, но опять-таки может быть одна или две вещи, которые я пропустил обо всем этом бизнесе CSS/inline.

Я создал JSFiddle here

Спасибо за любой конструктивный вклад в дело!

Answer 1

увидеть эту скрипку: http://jsfiddle.net/D2RnS/5/

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

Я просто плавал оставил второй абзац и adjacentBlock. Это не забудьте также применить какой-то поплавок очистки родительского контейнера (<div> в вашем примере)

Answer 2

Вы можете использовать использование псевдо-элементов в CSS, путем добавления идентификатора к предыдущему тегу:

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

Вы можете увидеть эффект здесь: http://jsfiddle.net/D2RnS/14/