View Single Post
Old 09-14-2023, 10:25 AM   #17
WV-Mike
Connoisseur
WV-Mike began at the beginning.
 
Posts: 74
Karma: 10
Join Date: Jul 2023
Device: None
List styling - dislay: none

Quote:
Originally Posted by JSWolf View Post
Here is the CSS and HTML I would use for your lists.
I added that to the page.
Weirdly enough ReadEra renders the text in italics.

I added : text-decoration: none;
to:
.list {
margin-left: 1.2em;
text-indent: -1.2em;
}
But it still renders as italicized in ReadEra
Thanks,
WV-Mike

Quote:
Originally Posted by JSWolf View Post
HTML
Code:
<blockquote>
<p class="list">Virginia Creeper, Creeping</p>
CSS
Code:
blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 1em;
  margin-left: 1.5em;
}
.blockquote {
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 0;
  margin-left: 1.5em;
}
.list {
  margin-left: 1.2em;
  text-indent: -1.2em;
}
Then you you get to the end of the first stanza...

Code:
</blockquote>
<blockquote>
For the last stanza, use...

Code:
<blockquote class="blockquote">
To prevent the chance of a blank page depending on settings.
Attached Thumbnails
Click image for larger version

Name:	green_cath_css_italics.jpg
Views:	95
Size:	40.4 KB
ID:	203759  
WV-Mike is offline   Reply With Quote