MobileRead Forums - View Single Post

AlexBell · 09-02-2014, 07:23 PM

Here is the CSS I use for poetry - each verse goes in its own div

div.verse {
margin: 0.5em 0 0.5em 1em;
padding: 0;
page-break-inside:avoid;
} /* Sets top margin and and prevents verses breaking */
div.verse p { text-indent: -2em;
margin-left: 2em;
text-align: left;
margin-bottom: 0;
padding: 0; } /* Aligns text left, indents lines after break */
div.verse+p { text-indent:0; }

I know it works because I sometimes have to disable the 'page-break-inside:avoid' if verses are too long.

I hope this helps, and if there is any way of doing it better please let me know.

09-02-2014, 07:23 PM	#18
AlexBell Wizard Posts: 3,413 Karma: 13369310 Join Date: May 2008 Location: Launceston, Tasmania Device: Sony PRS T3, Kobo Glo, Kindle Touch, iPad, Samsung SB 2 tablet	Here is the CSS I use for poetry - each verse goes in its own div div.verse { margin: 0.5em 0 0.5em 1em; padding: 0; page-break-inside:avoid; } /* Sets top margin and and prevents verses breaking / div.verse p { text-indent: -2em; margin-left: 2em; text-align: left; margin-bottom: 0; padding: 0; } / Aligns text left, indents lines after break */ div.verse+p { text-indent:0; } I know it works because I sometimes have to disable the 'page-break-inside:avoid' if verses are too long. I hope this helps, and if there is any way of doing it better please let me know.