Dropcap With CSS

How Make CSS Dropcap
Looks pretty, it certainly can be done. In a word processor we can make the first letter in a paragraph to be great or referred to as Dropcap. How about in web? Try the following script.

Create the following script in the HTML document.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Dropcap with CSS</title>
p {text-align:justify;}
.dropcap {
width: 1em;
height: 1em;
float: left;
text-align: center;
font-size: 35pt;
<p><span class="dropcap">T</span>
his is example of dropcap. <br>
This effect is made with CSS <br>
it's very simple <br>
CSS is very easy <br>
dropcap - dropcap - dropcap</p>

The result is the first letter will have the same effect as Dropcap on the word processor.

Dropcap: dropcap effects can be created by using CSS
How Make CSS Dropcap


Post a Comment