Quote:
Originally Posted by bookman156
I was annoyed that long lines in poems, when they broke, would look like a new line, I was using br tags.
Then it dawned on me how to get the broken bit to indent. Just do this:
Code:
p.poem {
text-indent: -1em;
margin-left: 1em;
}
Code:
<p class="poem">This is a poetry line</p>
<p class="poem">This is a long long long poetry line</p>
<p class="poem">This is an long long even longer long poetry line</p>
|
Reminds me of the CSS I've been using for quite a while to fake a list by using a hanging indent.
Code:
.fakelist {
display: block;
margin-bottom: 0.5em;
margin-left: 2.5em;
margin-right: 1.25em;
margin-top: 0.5em;
text-align: left;
text-indent: -1.25em;
}