View Single Post
Old 03-01-2018, 03:04 PM   #8
rjwse@aol.com
Addict
rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.rjwse@aol.com ought to be getting tired of karma fortunes by now.
 
rjwse@aol.com's Avatar
 
Posts: 331
Karma: 2228060
Join Date: Dec 2013
Location: LaVernia, Texas
Device: kindle epub readers on android
dropcaps

I cannot thank you enough for that explanation. This is the code I used:
h1 + div p:first-of-type {
text-indent: 0;}
h1+ div p:first-of-type:first-letter {
font-size: 3em;
float: none;
line-height: 0.5em;}
However, there is still a tiny problem. If I use float:none TALLcaps are produced (in correct locations). If I use float:left DROPcaps will wander away from the correct location if they are behind half-width images.
Attached Thumbnails
Click image for larger version

Name:	Screenshot from 2018-03-01 14-02-48.png
Views:	161
Size:	311.0 KB
ID:	162570   Click image for larger version

Name:	Screenshot from 2018-03-01 14-03-12.png
Views:	154
Size:	317.5 KB
ID:	162571  
rjwse@aol.com is offline   Reply With Quote