<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html lang="pl">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Moja strona WWW</title>
    <style type="text/css">
      div p {
        color:blue;
      }
      div p span {
        color:red
      }
      div p.trzeci span {
        background-color:yellow;
      }
      p#drugi * {
        color:grey;
      }
    </style>
  </head>
<body>
  <div>
    <p>Pierwszy akapit zawarty jest na warstwie. <span>Ta część
    jest oznaczona wyróżnieniem liniowym.</span>
    </p>
  </div>
  <p id="drugi">Drugi akapit został swobodnie zdefiniownay w treści 
    witryny. <span>Ta część jest oznaczona wyróżnieniem 
    liniowym.</span>Użyto też <a href="http://helion.pl">odnośnika</a>.
  </p>
  <div>
    <p class="trzeci">Trzeci akapit też znadjuje się na warstwie, 
     ale ma atrybut class o wartości "trzeci".
    <span>Ta część jest oznaczona wyróżnieniem liniowym.</span>
    </p>
  </div>
</body>
</html>