View Full Version : poetry


cian
01-23-2011, 08:20 AM
Does anyone have any tips for the best way to do poetry?

I want to create some Wordsworth and Browning collections for the library here, and I just want to get the structure of the XHTML right before starting. CSS tips would be great as well.

Jellby
01-23-2011, 09:49 AM
Wrap each stanza in a <div>, and each line in a <div> or <p>. Do not use <br/> to break lines, because it gives you less control on what happens when a line has to break because it's longer that the screen/page width. Then assign a CSS similar to:

div.stanza {
margin: 0.5em 0 0 2em; /* some vertical separation and left margin for stanzas */
}

div.stanza p {
text-align: left; /* you don't want poetry justified */
text-indent: -3em;
margin-left: 3em; /* this two values make wrapped lines indented */
}

cian
01-23-2011, 03:56 PM
Thank you that's exactly what I wanted.

And thanks also for your many uploads. I just finished one of them.