View Single Post
Old 05-19-2019, 12:49 PM   #14
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,093
Karma: 18727053
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by DNSB View Post
One minor nit is that if you have any text between the h1 header and the paragraph where you want the drop cap, it will receive the drop cap instead.

<h1 class="whatever">Prologue</h1>
<p class="dateline">London, Sept. 17, 1940</p>
<p>As the air raid sirens screamed, Martin headed down the stairs to the cellar.</p>
I think that was just the example he used. You dont have to use h1 + p as the selector you could use any selector. eg:

p.first::first-letter {...}

<h1>Chapter Title</h1>
<p class="dateline">London, Sept. 17, 1940</p>
<p class="first">First paragraph, or any paragraph that you want the drop-cap</p>
Turtle91 is offline   Reply With Quote