Question

I’m wanting to put a text on the web with paragraph numbers and sidenotes. I’m using Huckleberry Finn as a test, I asked for help earlier, and I’ve been making progress.

But now I’m running into another problem. I can get the sidenotes to work, but only by dropping out of the main paragraph styling (see link removed because of link limits for newbies). Not only does this seem like bad programming, but it screws up the “p + p” indentation scheme. But if I don’t drop out, then the sidenotes get their own paragraph numbers and everything is completely ruined (see link removed because of link limits for newbies).

Does anyone know what to do? Thanks.

EDIT #1: I’ve tried to make use of the p.text idea recommended by bbg below, but the indentation scheme is still messed up. I’ve tried p.text:before and p.text + p.text and similar variations, but nothing seems to work. I’m losing my mind.

EDIT #2: In an effort to attract help, I’ve adjusted the widths to make things easier to take in visually in the jsFiddle screens. (1) Dropped-out sidenotes → indentation failure: http://jsfiddle.net/Keh65/5/. (2) Not-dropped-out sidenotes → numbering/everything failure: http://jsfiddle.net/Keh65/6/.

Answer 1

@Dave2; as per i understand your question may be that’s you want . If i am not right please tell me.
i am give p ~ p instead of p + p & i am removing p from .sidenot & given span instead of it .