MobileRead Forums - View Single Post - List styling

JSWolf · 09-14-2023, 08:36 AM

Here is the CSS and HTML I would use for your lists.

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.

09-14-2023, 08:36 AM	#16
JSWolf Resident Curmudgeon Posts: 79,796 Karma: 146391129 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Here is the CSS and HTML I would use for your lists. 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. Last edited by JSWolf; 09-14-2023 at 08:39 AM.