Web & graphic design notes

First capital letter in a paragraph

Sometimes it is usefull to format html text with the first capital letter at the start of the paragraph. The simpliest way to do this - to use CSS pseudo-element first-letter, adding it to the P style selector. Then, you can define the letter css style like color, size, etc.

 
p:first-letter {
  color: #ff0000; /* The red colored letter */
  font-size:18px;
}
 
 
 
<p>Sample text goes here...</p>

The result will look:

Sample text goes here...

< Prev