[Jellby]

Originally Posted by Jellby

Ahem: https://www.mobileread.com/forums/sh...32&postcount=4

Nowadays I use something like:

div.poetry {
  margin: 1em 0 1em 2em;
}
div.poetry div.stanza {
  margin: 0.5em 0 0.5em 0;
}
div.poetry div.line {
  margin: 0;
  padding-left: 3em;
  text-indent: -3em;
  text-align: left;
}
div.poetry div.line2 {
  margin: 0;
  padding-left: 5em;
  text-indent: -3em;
  text-align: left;
}

<div class="poetry">
<div class="stanza>
<div class="line">Verse line</div>
<div class="line">Verse line</div>
<div class="line2">Indented verse line</div>
</div>

<div class="stanza">
<div class="line">Verse line</div>
<div class="line">Verse line</div>
<div class="line2">Indented verse line</div>
</div>
</div>