Quick Tip: Easy Way To Create Drop Caps On Your Website
A drop cap is when the first letter of a paragraph is larger than the average font size and that letter ‘drops’ down 2 (or more) lines. You can actually see this example which is given below right here in this image.
And simply add the following code:
span.dropcaps {
font-family:Georgia, serif;
color: #ccc;
font-size: 46px;
float: left;
font-weight: 400;
line-height: 1em;
margin-bottom: -0.4em;
margin-right: 0.09em;
position: relative;
}
Add The Span
<span class="dropcaps">L</span>
Finally we are done. we created a Create Drop Caps effect.View Example
Promote Us
Related Articles:
if you enjoyed reading this article, please check out other related articles below:
Loading...
Submit a Comment