Add the following to your .calibre entry in the .css file:
line-height: 1.2;
so that it looks like this (I deleted one line and added another):
.calibre {
display: block;
font-size: 1em;
line-height: 1.2;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
text-align: justify;
}
Better yet, change that entry to this and see if you like it better:
.calibre {
display: block;
font-size: 1em;
line-height: 1.2;
margin-bottom: 0;
margin-left: 30pt;
margin-right: 30pt;
margin-top: 0;
text-align: justify;
}
When you're having problems with line-height, chances are that the line-height line is missing from the body class, which is .calibre in your case above. My extra CSS entries change any line-heights that aren't 1.2 to 1.2.
I would also delete all the lines for line-height in the rest of the .css file (and you really should have .css files: page_styles.css and stylesheet.css).
Just adding my extra CSS entries won't do any good, since those are extra entries to either change current entries or to add to current entries.
|