I want to accomplish this:
Code:
There lived a lady in Scotland,
Hey my love and ho my joy
There lived a lady in Scotland,
Who dearly loved me
There lived a lady in Scotland,
An she's fa'n in love wi an Englishman,
And bonnie Susie Cleland is to be burnt in Dundee
The father unto the daughter came,
Hey my love and ho my joy
The father unto the daughter came,
Who dearly loved me
...
I've already accomplished this:
Code:
I had a true love, if ever a girl had one
I had a true love, a brave lad was he
One fine Easter morning, with his gallant comrades
He started away for to set Ireland free.
cho: All round my heart, I'll wear the tri-colored ribbon
All 'round my heart I'll wear the green white and gold;
And if anyone should ask me the reason that I'm wearing it
It's for my true love (I never more shall see) or (in the I.R.A.)
He whispered, "Goodbye, love, Old Ireland is calling
High over Dublin the tricolour flies;
In the streets of the city, the foeman is falling
...
Using this CSS code:
Code:
.verse {
margin-bottom: 0.5em;
}
.verse p {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 1em;
text-indent: -1em;
}
.chorus p {
margin-left: 2em;
font-style: italic;
}
And this HTML code:
Code:
<div class="verse">
<p>I had a true love, if ever a girl had one</p>
<p>I had a true love, a brave lad was he</p>
<p>One fine Easter morning, with his gallant comrades</p>
<p>He started away for to set Ireland free.</p>
</div>
<div class="verse chorus">
<p>cho: All round my heart, I'll wear the tri-colored ribbon</p>
<p>All 'round my heart I'll wear the green white and gold;</p>
<p>And if anyone should ask me the reason that I'm wearing it</p>
<p>It's for my true love (I never more shall see) or (in the I.R.A.)</p>
</div>
<div class="verse">
<p>He whispered, "Goodbye, love, Old Ireland is calling</p>
<p>High over Dublin the tricolour flies;</p>
...
Can anyone suggest a way to accomplish what I want using CSS, perhaps similar to what I've aalready done?