View Single Post
Old 01-30-2014, 10:44 AM   #10
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 7,550
Karma: 19500001
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
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;
    }
Jellby is offline   Reply With Quote