• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Selector Reference
  5. Pseudo-elements
  6. :first-letter
  7. CSS Live Demo: :first-letter (this page)
• See also: All Live Demos

CSS Live Demo: :first-letter

Type your CSS here: (any properties allowed except expression, behavior and @import) p:first-letter { font-size:3.5em; display:block; float:left; margin-right:0.1em; color:#115; } p { color:#333; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <p>We're just two lost souls swimming in a fish bowl, year after year. Going over the same old ground, on how we found, the same old fears; wish you were here.</p>

Show me!

Your results appear here: