View Single Post
Old 07-20-2025, 06:39 PM   #31
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,849
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Turtle91 View Post
Yeah, my iphone 15 pro max has a 6.7" screen and I read in landscape mode almost exclusively. But, I find I'm slowly increasing the font size over the years which tends to create those rivers of white space again regardless of the font type...

When I do use justified text, as mentioned above, it is usually when I am inserting some other text that I want to differentiate from normal text. Then I have used a <div> and I style the paragraphs within that div as justified. That way the normal text has a left-alignment and the inset is visually distinctive.

Attachment 216976
Screenshot from Laurence E. Dahners'
Antigravity, Book 19 in the Ell Donsaii Story


Code:
h3::before {
  display: block;
  background-image: url(../Images/img_ChDiv.png);
  background-size: 1em 1.5em;
  width: 1em;
  height: 1.5em;
  margin: 1em auto 0.5em;
  content: "";
}

p {
  text-indent: 1.2em;
  margin: 0;
}

p.first {
  text-indent: 0;
  font-size: 1em;
  clear: both;
}

p.first::first-letter {
  font-family: serif;
  font-size: 2em;
  font-weight: bold;
  float: left;
  margin: -0.1em 0.1em;
}

p.first::first-line {
  font-variant: small-caps;
  font-size: 1.15em;
}

div.news {
  margin: 2em auto;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  width: 90vw;
}

div.news p {
  margin: 0.5em;
  font-size: 0.9em;
  font-family: serif;
  text-indent: 0;
  text-align: justify;
}
Nice layout! But did you the try to open that epub, for example with Google Play Books, and select justified alignment. What happens with the title and its fleuron?
RbnJrg is offline   Reply With Quote