Thread: Clara 2E Strange line-height issue
View Single Post
Old 07-01-2023, 04:10 AM   #23
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
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
Quote:
Originally Posted by Leonatus View Post
I made a new test, setting the line-height of the whole paragraph to 0, with the result that all lines melted into one, and leaving only the first line to exceed a little. No doubt that the first letter has an - obviously unchangeable - effect on the height of the first line.
You just want the span to have a line height of 0.

CSS:
Code:
.bigletter {
  font-size: 1.5em;
 line-height: 0;
}
.noindent {
  text-indent: 0;
}
HTML:
Code:
<P class="noindent"><span class="bigletter">T</span>This is a test."</p>

Last edited by JSWolf; 07-01-2023 at 04:12 AM.
JSWolf is offline   Reply With Quote