View Single Post
Old 07-20-2025, 09:12 AM   #26
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,369
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by Quoth View Post
Partly why having read for ages now on 8″ Sage I'd not go back to 6″. So for going out I'd take a bag! With smaller margins than PW3 / Kindle and the nearly twice the screen area fully justified text isn't too bad, even without hyphens. I dislike hyphens and they are only acceptable to me if occasional and done properly.
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.

Click image for larger version

Name:	Screenshot 2025-07-20 084702.png
Views:	51
Size:	615.0 KB
ID:	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;
}
Turtle91 is offline   Reply With Quote