div:first-letter {
  font-size : 200% ; /* Taille agrandie à 200% par rapport aux autres lettres */
  text-transform : uppercase ; /* Lettre en majuscule */
  color : red ;
}

<div>Mon texte avec une lettrine en première lettre</div>

div { 
  text-indent : 20px; 
  text-align : left;
}

<div>
  La première ligne est indentée de 20 pixels par rapport aux lignes suivantes.<br />
  Deuxième ligne.<br />
  Troisième ligne...
</div>

.justifie { 
  text-align : justify; 
}

<div class="justifie">Mon texte à justifier</div>

h1 { 
  text-decoration : underline overline; 
}

<h1>Texte avec effet de double soulignement</h1>

<img class="maclasse" src="image.jpg" />
Du texte
<br />
À droite de l'image !

.maclasse {
  float : left;
}

<img src="mon_image.gif" alt="Nom : mon_image&#013;Taille : 16Ko" />

<img src="mon_image.gif" alt="Nom : mon_image&#010;&#013;Taille : 16Ko" />

<img src="image1.jpg" class="imagedessous" />
<img src="image2.jpg" class="imagedessus" />

.imgagedessous { 
  position : absolute;
  z-index : 1; 
}
				   
.imagedessus { 
  position : absolute; 
  z-index : 2; 
}

.bloc { 
  display : block; 
}

<span style="bloc">Mon texte</span>