a CSS problem (annotating a novel, horizontal flush alignment)

[Xah Lee]

i'm trying to annotate a literature, so that the main text is on the
left side about 60ex wide and the annotations are in a box on the right
side about 40ex wide.

the way i did this is so have like:

<p>...one paragraph of main text...[â€*1]...</p>

<div class="note">
â€*1 ...
</div>

where the class "note" floats right.

This all works well except when the paragraph is really long, in such a
case the annotation will be one screenful down.

For example, see second annotation at
http://xahlee.org/p/Gullivers_Travels/gt1ch02.html

is there some easy way using css so that annotation are most of the
time just on the right side of the paragraph?

(i want to avoid using tables for each paragraph)
Thanks.

Xah
xa*@xahlee.org
∑ http://xahlee.org/

[Johannes Koch]

CSS issue, so xpost and f'up2 c.i.w.a.s.

Xah Lee wrote:

i'm trying to annotate a literature, so that the main text is on the
left side about 60ex wide and the annotations are in a box on the right
side about 40ex wide.

the way i did this is so have like:

<p>...one paragraph of main text...[â€*1]...</p>

<div class="note">
â€*1 ...
</div>

where the class "note" floats right.

This all works well except when the paragraph is really long, in such a
case the annotation will be one screenful down.

For example, see second annotation at
http://xahlee.org/p/Gullivers_Travels/gt1ch02.html

is there some easy way using css so that annotation are most of the
time just on the right side of the paragraph?

(i want to avoid using tables for each paragraph)
Thanks.

Xah
xa*@xahlee.org
∑ http://xahlee.org/

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)