Quote:
Originally Posted by Katdragon
|
I changed the sample code to replace the
Code:
<div> ...initial letter... </div>
with
Code:
<span> ...initial letter... </span>
then I moved the <p> at the start of the rest of the word to BEFORE the <span> ...initial letter... </span>.
But before I got satisfactory results (when previewing the .html in Firefox), I had to eliminate any white space AFTER the
initial letter.

This should not be required as all "white space" is ignored within .html files.
Below is my revised sample code to make it work as expected. Try this on your copy of the (.epub) ebook. I also provide a simple diffs comparison between your sample code and my revised code.
Code:
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>McKinley_Sunshine</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
<style type="text/css">
@page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }
.calibre10 { font-weight: bold }
</style>
</head>
<body class="calibre">
<p class="calibre1"></p>
<p><span class="calibre10">
I</span>t was a dumb thing to do but it wasn't that dumb. There hadn't been any trouble out at the lake in years. And it was so exquisitely far from the rest of my life.</p>
<p class="calibre1"></p>
<p><span class="calibre10">
M</span>onday evening is our movie evening because we are celebrating having lived through another week. Sunday night we lock up at eleven or midnight and crawl home to die, and Monday (barring a few national holidays) is our day off. Ruby comes in on Mondays with her warrior cohort and attacks the coffeehouse with an assortment of high-tech blasting gear that would whack Godzilla into submission: those single-track military minds never think to ask their cleaning staff for help in giant lethal marauding creature matters. Thanks to Ruby, Charlie's Coffeehouse is probably the only place in Old Town where you are safe from the local cockroaches, which are approximately the size of chipmunks. You can hear them clicking when they canter across the cobblestones outside.</p>
<p class="calibre1"></p>
<p><span class="calibre10">
W</span>e'd begun the tradition of Monday evening movies seven years ago when I started slouching out of bed at four A.M. to get the bread going. Our first customers arrive at six-thirty and they want our Cinnamon Rolls as Big as Your Head and I am the one who makes them. I put the dough on to rise overnight and it is huge and puffy and waiting when I get there at four-thirty. By the time Charlie arrives at six to brew coffee and open the till (and, most of the year, start dragging the outdoor tables down the alley and out to the front), you can smell them baking. One of Ruby's lesser minions arrives at about five for the daily sweep- and mop-up. Except on Tuesdays, when the coffeehouse is gleaming and I am giving myself tendonitis trying to persuade stiff, surly, thirty-hour refrigerated dough that it's time to loosen up.</p>
<p class="calibre1"></p>
<p><span class="calibre10">
C</span>harlie is one of the big good guys in my universe. He gave me enough of a raise when I finished school (high school diploma by the skin of my teeth and the intercession of my subversive English teacher) and began working for him full time that I could afford my own place, and, even more important, he talked Mom into letting me have it.</p>
<p class="calibre1"></p>
<div class="calibre2">
<hr width="80%" class="calibre4" />
</div>
<p class="calibre1"></p>
<div class="calibre2">
<hr width="50%" class="calibre4" />
</div>
<p class="calibre1"></p>
<div class="calibre2">
<span class="calibre3" id="pml_toc-1"></span>
<div class="calibre7" id="calibre_pb_4"></div>
</div>
</body>
</html>
Hope this works for you.