View Single Post
Old 02-27-2016, 08:43 AM   #6
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,375
Karma: 20212733
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Hi 1v4n0,

I use the following for my books. It has a large drop cap for the first letter and all smallcaps for the first line. But Toxaris is correct, the pseudo-elements aren't supported in all readers. I choose not to use readers that don't support it!! lol

Code:
/* First Para in lieu of Drop Caps */
p.first              {text-indent:0; font-size:1em; line-height:1em; clear:both}
p.first:first-letter {font-family:serif; font-size:2em; font-weight:bold; float:left; margin:-.1em .1em -.1em .1em; line-height:1}
p.first:first-line   {font-variant:small-caps; font-size:1.15em}


with:
<p class="first"> (on my first paragraph in the chapter)
Turtle91 is offline   Reply With Quote