texte assez énorme
texte assez minuscule
texte un peu plus grand que la normale
texte beaucoup plus petit que la normale

texte rouge vif
texte vert
texte bleu

ce texte est dans la police Avalon ou si Avalon ne peut être représentée, dans la police Wide Latin

Advienne que pourra vert

tout est plus petit que la normale de couleur lilas et dans la police Verdana texte rouge vif



DIV #1
position: relative;

DIV #2
position: absolute;
z-index: 1;


DIV #3
position: relative;

DIV #4
position: absolute;
z-index: 2;

<html>
<body>
<head><link rel="stylesheet" type="text/css" href="/bbs1.css" media="screen" />

</head>
<body>
<p>
<span class="grand">texte assez énorme</span><br>
<span class="minus">texte assez minuscule</span><br>
<span class="normplus">texte un peu plus grand que la normale</span><br>
<span class="normmoins">texte beaucoup plus petit que la normale</span>
</p>

<p>
<span class="rouge">texte rouge vif</span><br>
<span class="vert">texte vert</span><br>
<span class="bleu">texte bleu</span>
</p>

<p>
<span class="wide">ce texte est dans la police Avalon ou si Avalon ne peut être représentée, dans la police Wide Latin</span>
</p>

<div id="div1">
<h1 class="vert">Advienne que pourra vert</h1>

<p class="vert">
tout est plus petit que la normale de couleur lilas et dans la police Verdana
<span class="rouge">texte rouge vif</span><br>
</p>


</div>

<br />

<div id="div1">
<br /><span class="bold">DIV #1</span>
<br />position: relative;
   <div id="div2">
   <br /><span class="bold">DIV #2</span>
   <br />position: absolute;
   <br />z-index: 1;
   </div>
</div>

<br />

<div id="div3">
<br /><span class="bold">DIV #3</span>
<br />position: relative;
   <div id="div4">
   <br /><span class="bold">DIV #4</span>
   <br />position: absolute;
   <br />z-index: 2;
   </div>
</div>

</html>