Jukka K. Korpela wrote:
I would suggest using somewhat verbose but logical markup:
- put a poem inside <div class="poem">...</div>
- make each line a <div>...</div>
- use CSS to make continuation lines indented, as a visible indication that
a line of the poem has been wrapped, e.g. with
.poem div { margin-left: 1em; text-indent: -1em; }
TomB <ma**@invalid.mail> wrote: Indeed pretty verbose :-)
Using <p>'s with a <br> at the end of each line would be less bloated
then, no?
Yes and no. The advantage of Jukka's approach is that each line of verse
can be styled as a separate element. That allows you to wrap a line of
verse onto multiple display lines, and to indent the second and following
display lines to indicate that they are a continuation of what is logically
a single line of verse.
With a little more work, you could indent the second line of a couplet
slightly. Then wrapped continuation lines could be indented further.
The display could look something like this:
The first couplet has a short line
Followed by another short line
The second couplet has a very long line that must be
wrapped unless the page/viewport is
extremely wide, or perhaps the font is
extremely small
Followed by a short line
The third couplet has a short line
Followed by a longer line that may or may not
wrap
If you don't want to style (or otherwise process) individual lines as
separate elements, then BR elements are adequate to force line breaks. But
then the lines are not distinct elements--they're just the inline content
of a block-level element, with a few line breaks thrown in.
--
Darin McGrew,
mc****@stanfordalumni.org,
http://www.rahul.net/mcgrew/
Web Design Group,
da***@htmlhelp.com,
http://www.HTMLHelp.com/
"When strong encryption is outlawed, only outlaws jvyy hfr fgebat rapelcgvba."
