Perfect. You just may need to adjust things slightly, depending on each poem/song layout (this one has a chorus that's indented, another one may have alternating indents, or a different pattern).
I'm not sure you understand my point about shortcut margins. I suggested:
Code:
margin: 0;
margin-left: 1em;
Note: "margin", not "margin-bottom". The idea is then you don't need "margin-right" and "margin-top". You could have a single "margin: 0 0 0 1em" too, but that's not so readable when/if you just want to change the left margin.
If you want to be even smarter:
Code:
<div class="verse">
<p>...
<p>...
</div>
<div class="verse chorus">
<p>...
<p>...
</div>
Now the "chorus" is a "verse" too, so you don't need to repeat stuff:
Code:
.verse {
margin-bottom: 0.5em;
}
.verse p {
margin: 0;
margin-left: 1em;
text-indent:-1em;
}
.chorus p {
margin-left: 2em;
}