Drop Caps with CSS

Gingerbread gingerbread jelly beans halvah carrot cake carrot cake cookie. Macaroon macaroon pudding brownie bonbon soufflé topping. Soufflé candy cheesecake tart cheesecake carrot cake macaroon chupa chups. Gummies wafer marshmallow donut jujubes oat cake. Cotton candy candy pudding liquorice tootsie roll tootsie roll gummi bears. Candy cotton candy cake. Macaroon lemon drops croissant wafer. Wafer muffin biscuit tootsie roll unerdwear.com. Pudding toffee sesame snaps pastry pudding pie pastry cheesecake bonbon.

Drop Caps

Want to make the first letter in your paragraph a drop cap?
Try floating that character in a span element.

<HTML>
<HEAD>
<style>
.dropcap {
width: 1em;
height: 1em;
float: left;
text-align: center;
font-size: 20pt;
color:red;
font-style:italic
}

</style>
</HEAD>
<BODY bgcolor=ddddaa>

<TABLE><TR><TD width="200">
<p><SPAN class="dropcap" >
T</span>his is a dropcap
text text text text text text text text 
text text text text text text text text 
text text text text text text </p>
</TD></TR></TABLE>
</BODY> 
</HTML>


Drop Caps CSS style sheets


Back To Top
© 1998 - 2017 psacake.com | My3C's

Version 7.2 | Advertise on this site