This Paragraph has text-transform:lowercase
and font-variant:small-caps
on the ::first-line
pseudo-element. JavaScript-disabled browsers receive font-size:200%
, font-family: Cabin, sans-serif
, and text-transform:uppercase
rules the ::first-letter
pseudo-element, while browsers with JS will wrap the first letter in a span
element for more consistent styling. WebKit’s inability to use text-tranform on the ::first-line pseudo-element will result in the capital P in “Paragraph” looking wrong.