Drop Cap

Ever read an old book or a newspaper, the first alphabet of some paragraphs are a bit diffrent than the rest, that effect is called a drop cap. CSS allows webmasters to use a drop cap on their pages.

Example:

  1. The first alphabet of this paragraph has a drop cap.

  2. The first alphabet of this paragraph has a drop cap.

Copy & Paste the following code in the HEAD section of your webpage.


 1.

 <STYLE TYPE="text/css">
 <!--
 p:first-letter{ font-size: large }
  -->
 </STYLE>
 2.
 <STYLE TYPE="text/css">
 <!--
 .paragraph:first-letter{ color: navy; font-size: large; font-style: italic; font-family: times,serif; font-weight: bold; }
 -->
 </STYLE>

Like wise you change the appearance of first line of a paragraph from the rest.

Example:

”Men wanted for hazardous journey.Small wages, bitter cold, long months of complete darkness, constant danger, safe return doubtful.
Honor and recognition in case of success”.

- advertisement by Sir Ernest Shackleton, in London newspapers in 1900, for the National Antarctic Expedition.
Copy & Paste the following code in the HEAD section of your webpage.

 <STYLE TYPE="text/css">
 <!--
 p: first-letter { color: purple; font-weight: bold; font-family: times,serif; }
 -->
 </STYLE>