Titre du document

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Dans cet exemple la lettrine est affichée avec la propriété span sur la premiére lettre de la phrase.

Codage CSS de l'exemple:

.lettrine {
float: left;
font-weight: bold;
font-size: 3em;
font-family: Georgia, Times New Roman, Times ;
color: #900;
border: 1px solid #900;
background-color: #ffc;
margin-right: 3px;
padding: 1px;
}

Code HTML pour afficher le style CSS

<html>
< head>
< style type="text/css"> @import url(style/style.css);</style>
< /head>
< body>
<p><span class="lettrine">L</span>orem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
< /body>
< /html>