No worries Hitch - not getting offended or anything - not that invested!
But, you kinda made my point for me. In your example of:
Quote:
T
his is the story of Jacob....
|
There are only two causes: 1)The css code isn't written correctly, or B)The device/app isn't applying the correctly written CSS properly, or Thirdly) Both (see what I did there??
)
The universal truth is: If the device works "properly" and the css is written "properly" then it will display "properly".
We could open the whole can of worms about css/html standards and whether they are written appropriately, or not. For the sake of this point I have assumed that the standards are correct. *Don't dismiss the point based on the merits of the assumption.
Don't get me wrong....I totally believe that noone has found a device/app that works "properly" under all circumstances... and I totally believe that there can be only one person who uses all the proper techniques (mine) to write their css
....and I totally understand that people who make this their business need to kluge together a method that works for the lowest common denominator devices/apps (no offense meant to your One Drop To Rule Them All markup)....but, in the end, if the user sees something like your example, it's either the device, or the coding, that isn't working.
***
Back to the original point of my post - and along the OP's thread:
You can style the entire paragraph to overcome
some of the issues people were having with dropcaps.
In addition to ::first-letter, you can use ::first-line, and styling the whole paragraph.