Posted By

neal_grosskopf on 03/30/09

Tagged

css
html

Versions (?)

Last Edited at 03/30/09 07:55am

Statistics

Viewed 1002 times

Favorited by 1 user(s)

Related snippets

CSS Drop Caps Without Unnecessary HTML Elements or Classes

/ Published in: CSS

Learn how to create drop caps using CSS and no extra HTML markup in this short tutorial.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

body p:first-child:first-letter
{
background: #990000;
border: 4px double #ffcc00;
color: #ffffff;
float: left;
font-family: "Times New Roman", Times, serif;
font-size: 3em;
font-weight: bold;
margin: 7px 10px 0px 0px;
padding: 10px;
text-transform: uppercase;
}