Skip to content

Instantly share code, notes, and snippets.

@trumball
Created May 24, 2013 15:21
Show Gist options
  • Save trumball/5644270 to your computer and use it in GitHub Desktop.
Save trumball/5644270 to your computer and use it in GitHub Desktop.
Drop-Cap Paragraphs Typically you’ll notice dropped capitals appear in printed mediums, such as newspapers and books. However this can also be a neat effect in webpages or blogs where there is enough extra room in the layout. This CSS rule is targeting all paragraphs but you may limit this based on a single class or ID.
p:first-letter{
display: block;
margin: 5px 0 0 5px;
float: left;
color: #ff3366;
font-size: 5.4em;
font-family: Georgia, Times New Roman, serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment