Home/ Questions/Q 8087057
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T18:39:08+00:00

My goal is to provide something like a Read More link next to a

  • 0

My goal is to provide something like a “Read More” link next to a text block. It is automatically added before the content is sent to the client and the block that contains it should be adjacent to the prior text, just as if its part of this text. The problem is that the text block contents are authored using TinyMCE, thus the content will be packed up in a variety of tags (mainly the paragraph tag) – thus the following content will be pushed to the next line (or block).

So before going through the pain of deconstructing the content of the textblock serverside to decide where and how to attach the other block, i thought there might perhaps be a way to get this done using pure CSS. I have a feeling it won’t be possible as i think it would require the adjacent block to sort of override properties of the prior block, but then again there might be a thing or two that i missed about all this CSS/inline business.

I created a JSFiddle here

Thank You for any constructive input on the matter!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    see this fiddle: http://jsfiddle.net/D2RnS/5/

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

    I just floated left the second paragraph and the adjacentBlock. Doing so remember to also apply some kind of float clearing to the parent container (the <div> in your example)

    • 0