Is there a "better" way to achieve the result I'm getting using only CSS?
This is the result I'm getting:
Quote:
Now Boney's away from his warring and fighting,
He has gone to a place, where there is naught can delight him,
He may sit there & dwell, on the glories he has seen oh,
While forlorn he will mourn, on the Isle of Saint Helena.
No more in Saint Cloud, will he appear in great splendour,
Nor come forth from the crowd, like the great Alexander,
|
Using this code:
Code:
<p class="versebody">Now Boney's away from his warring and fighting,</p>
<p class="versebody">He has gone to a place, where there is naught can delight him,</p>
<p class="versebody">He may sit there & dwell, on the glories he has seen oh,</p>
<p class="verseend">While forlorn he will mourn, on the Isle of Saint Helena.</p>
<p class="versebody">No more in Saint Cloud, will he appear in great splendour,</p>
<p class="versebody">Nor come forth from the crowd, like the great Alexander,</p>
And these CSS classes:
Code:
.versebody {
display: block;
margin-bottom: 0em;
margin-left: 1em;
text-indent:-1em;
margin-right: 0;
margin-top: 0em
}
.verseend {
display: block;
margin-bottom: 1em;
margin-left: 1em;
text-indent:-1em;
margin-top: 0em
}
Is there a "better" way to achieve the result I'm getting using only CSS?