MobileRead Forums - View Single Post - strange dropcap behavior with/without merged xhmtl

deback · 03-01-2018, 08:22 PM

If you don't care if the first capital letter drops or not, here is a simple .css code for dropcap:

.dropcap {
display: inline;
font-weight: bold;
font-size: 1.66667em;
line-height: 1.2;
}

It works every time, looks nice, is simple, and never gets messed up. I use the following html code:

Mtext continues here...

And it's easy to add the and corresponding using a Regex search and replace.

03-01-2018, 08:22 PM	#12
deback Book E d i t o r Posts: 432 Karma: 288184 Join Date: May 2015 Device: Laptop	If you don't care if the first capital letter drops or not, here is a simple .css code for dropcap: .dropcap { display: inline; font-weight: bold; font-size: 1.66667em; line-height: 1.2; } It works every time, looks nice, is simple, and never gets messed up. I use the following html code: <p class="noindent"><span class="dropcap">M</span>text continues here... And it's easy to add the <span class="dropcap"> and corresponding </span> using a Regex search and replace.