Chapter "first line" weirdness

[dan2the6th]

I'm seeing something in the Viewer I've never encountered before. Each chapter of this novel has the first line in uppercase bold text, which isn't exactly uncommon. In the Viewer, though, the first line of the chapter runs off the right side of the window. And if I stretch the window to the right, the first line keeps getting longer, still in bold, and still runs off the right side. I can never get to the end of that first line to read it.

These paragraphs begin with

<p class="pcalibre x03-co-body-text">

and in stylesheet.css I find:

.pcalibre:first-line {
  font-family: "LinoLetter Std Roman", "Georgia", serif;
  font-weight: bold;
  text-transform: uppercase;
}

.x03-co-body-text {
  display: block;
  font-size: 0.88889em;
  orphans: 2;
  text-indent: 0;
  widows: 2;
  margin: 10% 0 0;
}

Can anyone tell from this what is going on? My HTML is a little shaky.

[gbm]

Originally Posted by dan2the6th

I'm seeing something in the Viewer I've never encountered before. Each chapter of this novel has the first line in uppercase bold text, which isn't exactly uncommon. In the Viewer, though, the first line of the chapter runs off the right side of the window. And if I stretch the window to the right, the first line keeps getting longer, still in bold, and still runs off the right side. I can never get to the end of that first line to read it.

These paragraphs begin with

<p class="pcalibre x03-co-body-text">

and in stylesheet.css I find:

.pcalibre:first-line {
  font-family: "LinoLetter Std Roman", "Georgia", serif;
  font-weight: bold;
  text-transform: uppercase;
}

.x03-co-body-text {
  display: block;
  font-size: 0.88889em;
  orphans: 2;
  text-indent: 0;
  widows: 2;
  margin: 10% 0 0;
}

Can anyone tell from this what is going on? My HTML is a little shaky.

Look here:
https://developer.mozilla.org/en-US/...S/::first-line

bernie

[dan2the6th]

OK, fine, but that doesn't explain why my first line is trying to display past the right edge of the Viewer window. Does it? I mean, there are two or three words that are invisible past the right margin.

[dan2the6th]

One interesting thing: if I remove the "text-transform: uppercase" line, the first line fits in the Viewer just fine. Lowercase bold instead of uppercase. Looks like the width of the line when it's in the wider uppercase letters isn't being figured out correctly.

[kovidgoyal]

Yeah, as I recall first-line + text-transform doesnt re-do layout in chrome (which is what the calibre viewer uses to render html)

[dan2the6th]

Thank you. I'll just live with the workaround without text-transform. I don't need that first line in uppercase anyway.