Created
May 24, 2013 15:21
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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