<HTML>
<HEAD>
<TITLE>Výpis 13-10</TITLE>
<STYLE>
.span1 {position: absolute; top: 0; left: 0;
        background: blue}
.span2 {position: absolute; top: 25%; left: 25%;
        width: 50%; 
        background: lightgrey}
.span3 {position: relative; top: 3px;
        background: red}
.span4 {position: absolute; top: 55px; left: -125px; 
        width: 50%;
        background: green} 
</STYLE>
</HEAD>
<BODY>

<SPAN CLASS="span1">SPAN #1 má nastavenu absolutní pozici.</SPAN>

<SPAN CLASS="span2">
  SPAN #2 má nastavenu absolutní pozici.
  Toto <SPAN CLASS="span3">slovo</SPAN> se nachází
  v prvku SPAN #3, který má nastavenu relativní pozici.

  <SPAN CLASS="span4">
    SPAN #4 se nachází ve SPANu #2 a má nastavenu
    absolutní pozici.
  </SPAN>

  Toto je konec textu v prvku SPAN #2.
</SPAN>

</BODY>
</HTML>
>>>>>