MobileRead Forums - View Single Post - Any way to indent the second line of paragraph if it wraps?

Lukusaukko · 10-29-2023, 03:19 PM

The title is the question. I'd like to format a block of text so that if I resize the window on a desktop, resize the text, or view on device with different line length, the second line would indent itself, so it would be obvious that the line wraps.

Is this even possible using standard CSS? Much less anything that would be supported across various devices? I've tried using something like setting a negative indent with a p::first-line selector - for example, I have this code in my CSS file, and the <div> block housing the poem has the class="blockq poem".

Code:

div.blockq {
  padding: 1em 1.5em 1em 1.5em;
}
.poem p {
  text-indent: 1.5em;
}
.poem p::first-line {
  text-indent: -1.5em;
}

This works in Calibre Editor, but in the Viewer it looks like the first-line element is simply ignored. Is there any way I could accomplish what I want, or should I just give up because the readers probably won't ever support the full CSS spec?

10-29-2023, 03:19 PM	#1
Lukusaukko Connoisseur Posts: 55 Karma: 392326 Join Date: Feb 2023 Device: Kobo Libra 2	Any way to indent the second line of paragraph if it wraps? The title is the question. I'd like to format a block of text so that if I resize the window on a desktop, resize the text, or view on device with different line length, the second line would indent itself, so it would be obvious that the line wraps. Is this even possible using standard CSS? Much less anything that would be supported across various devices? I've tried using something like setting a negative indent with a p::first-line selector - for example, I have this code in my CSS file, and the <div> block housing the poem has the class="blockq poem". Code: div.blockq { padding: 1em 1.5em 1em 1.5em; } .poem p { text-indent: 1.5em; } .poem p::first-line { text-indent: -1.5em; } This works in Calibre Editor, but in the Viewer it looks like the first-line element is simply ignored. Is there any way I could accomplish what I want, or should I just give up because the readers probably won't ever support the full CSS spec?