View Single Post
Old 10-14-2022, 08:23 PM   #1
bookman156
Addict
bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.bookman156 ought to be getting tired of karma fortunes by now.
 
Posts: 368
Karma: 1000000
Join Date: Mar 2016
Device: none
A bit of poetry CSS you may find useful

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>
bookman156 is offline   Reply With Quote