Thank you. I did what you said... that part worked, but now the formatting of the poetry part is not working right. It is making stanzas, but not respecting the last two lines
.stanza {
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 2em;
text-align: left;
padding-left: 2em;
text-indent: -2em;
}
Lets simplify. If I have just these few lines of code
<div class="stanza">
<p>Awake Miss Goldy could not keep,</p>
<p>On Baby’s bed she fell asleep.</p>
<p>They found her there when home they came</p>
<p>And ate her up. Oh, what a shame!</p>
</div>
with the new css
p{
text-align:justify;
font-size: 100%;
text-indent: 40px;
}
.s1{
text-align:center;
font-size: 120%;
font-weight: bold;
}
.s2{
font-style:italic;
font-size: 85%;
}
.s3{
font-style: italic;
font-size: 85%;
text-align: center;
}
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
.stanza {
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 2em;
text-align: left;
padding-left: 2em;
text-indent: -2em;
}
will the <p> inside the <div class="stanza"> be treated as the normal<p> or will they be treated as following the <div>. It appears that they follow the <p>. What am I missing here to make the <p> inside the <div class="stanza"> behave differently?